#blogMain .section-posts{padding:80px 0}@media(max-width: 767px){#blogMain .section-posts{padding:40px 0}}#blogMain .section-posts{background:#c1b7df}#blogMain .section-posts .posts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-bottom:60px}@media(min-width: 768px)and (max-width: 1024px){#blogMain .section-posts .posts-grid{grid-template-columns:repeat(2, 1fr);gap:24px}}@media(max-width: 767px){#blogMain .section-posts .posts-grid{grid-template-columns:1fr;gap:24px}}#blogMain .section-posts .no-posts{text-align:center;font-family:"Inter",sans-serif;font-size:18px;color:#666;padding:60px 0}#blogMain .section-posts .pagination{display:flex;justify-content:center;margin-top:40px}@media(max-width: 767px){#blogMain .section-posts .pagination{margin-top:30px}}#blogMain .section-posts .pagination .page-numbers{display:flex;list-style:none;padding:0;margin:0;gap:8px;align-items:center}#blogMain .section-posts .pagination .page-numbers li{margin:0}#blogMain .section-posts .pagination .page-numbers a,#blogMain .section-posts .pagination .page-numbers span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:8px 12px;background:#fff;border:2px solid #480077;border-radius:8px;color:#480077;text-decoration:none;font-family:"Inter",sans-serif;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease,transform .3s ease}#blogMain .section-posts .pagination .page-numbers a,#blogMain .section-posts .pagination .page-numbers span{font-weight:500}@media(max-width: 767px){#blogMain .section-posts .pagination .page-numbers a,#blogMain .section-posts .pagination .page-numbers span{min-width:40px;height:40px;padding:6px 10px;font-size:14px}}#blogMain .section-posts .pagination .page-numbers a:hover,#blogMain .section-posts .pagination .page-numbers span:hover{background:#480077;color:#fff;transform:translateY(-2px)}#blogMain .section-posts .pagination .page-numbers a svg,#blogMain .section-posts .pagination .page-numbers span svg{width:24px;height:24px}@media(max-width: 767px){#blogMain .section-posts .pagination .page-numbers a svg,#blogMain .section-posts .pagination .page-numbers span svg{width:20px;height:20px}}#blogMain .section-posts .pagination .page-numbers .current{background:#480077;color:#fff;font-weight:600}#blogMain .section-posts .pagination .page-numbers .dots{border:none;background:rgba(0,0,0,0);color:#480077;cursor:default}#blogMain .section-posts .pagination .page-numbers .dots:hover{background:rgba(0,0,0,0);transform:none}