.blogs-section{width:100%;padding:var(--top-bottom-margin) 0;margin:0;max-width:var(--max-width);position:relative;padding-top:0}.blogs-container{max-width:var(--max-width);margin:0}.section-title{margin-bottom:var(--gap-3);color:var(--primary-color)}.section-description{color:var(--primary-color);margin-bottom:var(--gap-2);max-width:100%}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--gap-5);margin-bottom:var(--gap-2)}.filter-button{background-color:transparent;border:1px solid var(--primary-color);border-radius:50px;padding:var(--gap-5) var(--gap-4);cursor:pointer;font-size:.9rem;transition:all .3s ease;color:var(--primary-color)}.filter-button:hover,.filter-button.active{background-color:var(--primary-color);color:var(--secondary-color)}.blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-2)}.blog-item{display:flex;flex-direction:column;margin-bottom:var(--gap-3)}.blog-item-link{text-decoration:none;color:inherit;transition:transform .3s ease}.blog-item-link:hover{transform:translateY(-5px)}.blog-image-container{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius);margin-bottom:var(--gap-4);aspect-ratio:16/9}.blog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.blog-image:hover{transform:scale(1.05)}.blog-meta{display:flex;align-items:center;margin-bottom:var(--gap-5);font-size:.9rem;color:var(--primary-color);opacity:.8}.blog-date,.blog-read-time{color:#707070}.blog-separator{margin:0 var(--gap-5)}.blog-title{margin-bottom:var(--gap-5);color:var(--primary-color)}.blog-author{color:var(--primary-color)}.scroll-to-top{position:fixed;right:30px;bottom:30px;z-index:99}.scroll-button{background-color:transparent;border:1px solid var(--primary-color);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--primary-color);transition:all .3s ease}.scroll-button:hover{background-color:var(--primary-color);color:var(--secondary-color)}.scroll-button svg{width:20px;height:20px;filter:unset}@media (max-width: 1024px){.blogs-grid{grid-template-columns:repeat(2,1fr)}.section-description{max-width:100%}}@media (max-width: 768px){.blogs-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-3)}.blogs-container{padding:0 32px}}@media (max-width: 540px){.blogs-grid{grid-template-columns:1fr}.filter-buttons{justify-content:flex-start}.section-title{text-align:left;font-size:32px;line-height:32px}.section-description{text-align:left}.scroll-to-top{right:var(--side-margin);bottom:var(--side-margin)}}