.blog-section.base-style-section .box{flex-wrap:nowrap;align-items:flex-start;gap:3rem}@media screen and (max-width: 950px){.blog-section.base-style-section .box{flex-wrap:wrap}}.blog-posts{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.blog-posts .blog-post-preview{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:ease .2s;gap:1rem}.blog-posts .blog-post-preview:hover{transform:translateY(-10px)}.blog-posts .blog-post-preview a{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:var(--border-radius-3);overflow:hidden;border-radius:var(--border-radius-1);border:var(--accent-color-1) solid 1px}.blog-posts .blog-post-preview .img-1{width:100%;border-radius:0;max-height:350px;overflow:hidden}.blog-posts .blog-post-preview .img-1 img{width:100%;height:100%;object-fit:cover;border-radius:0}.blog-posts .blog-post-preview .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding:2rem}.blog-posts .blog-post-preview .content .title-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.blog-posts .blog-post-preview .content .title-box p{color:var(--accent-color-1)}.blog-posts .blog-post-preview .content .text{font-weight:400}.blog-posts .blog-post-preview .article-preview-button{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.blog-posts .blog-post-preview .article-preview-button p{width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--text-color-white-1);gap:1rem;padding:.7rem 1.5rem;transition:.2s;border-radius:var(--border-radius-2);background-image:var(--button-gradient-1)}.blog-posts .blog-post-preview .article-preview-button p:hover{background-image:var(--button-gradient-1-hover)!important}.blog-posts-wrapper{width:100%;max-width:900px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3rem}.pagination{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--accent-color-1)}.pagination-info{width:100%;display:flex;justify-content:center;align-items:center}.pagination-info .text{color:var(--text-color-white-2)}.pagination-controls{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-btn{display:flex;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.9rem;color:var(--text-color-white-1);background-image:var(--button-gradient-1);border-radius:var(--border-radius-2);text-decoration:none;transition:all .2s ease;white-space:nowrap}.pagination-btn:hover:not(.disabled){background-image:var(--button-gradient-1-hover)}.pagination-btn.disabled{opacity:.4;cursor:not-allowed;background-image:none;background-color:var(--gray-color-1);color:var(--text-color-dark-2)}.pagination-numbers{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem}.pagination-num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;color:var(--text-color-white-1);background-color:transparent;border:1px solid var(--accent-color-1);border-radius:var(--border-radius-3);text-decoration:none;transition:all .2s ease}.pagination-num:hover:not(.active){background-color:#0977aa33;border-color:var(--accent-color-2)}.pagination-num.active{background-image:var(--button-gradient-1);border-color:transparent;font-weight:600}.pagination-ellipsis{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;color:var(--text-color-white-2)}@media screen and (max-width: 600px){.pagination-controls{gap:.5rem}.pagination-btn{padding:.5rem .8rem;font-size:.8rem}.pagination-num{width:35px;height:35px;font-size:.8rem}.pagination-ellipsis{width:30px;height:35px}}@media screen and (max-width: 400px){.pagination-btn.prev,.pagination-btn.next{width:100%;order:2}.pagination-numbers{width:100%;order:1;margin-bottom:.5rem}}