#blog{padding:clamp(60px, 8vw, 80px) 0;.blog-title{color:var(--color-primary);text-align:center;margin-bottom:60px}.blog-tabs-wrapper{position:relative;overflow:hidden;&::after,&::before{content:"";position:absolute;top:0;width:40px;height:100%;pointer-events:none;z-index:5;transition:opacity 0.25s ease}&::after{right:0;background:linear-gradient(to left,var(--color-white),transparent)}&::before{left:0;background:linear-gradient(to right,var(--color-white),transparent)}&.no-left::before{opacity:0}&.no-right::after{opacity:0}.blog-tabs{position:relative;display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;list-style:none;margin-bottom:40px;width:100vw;margin-left:calc(50% - 50vw);padding:10px calc(50vw - 50%);padding-bottom:18px;border-bottom:1px solid #cccc;scrollbar-width:none;cursor:grab;scroll-behavior:smooth;&.dragging{cursor:grabbing;user-select:none}&::-webkit-scrollbar{display:none}li{flex:0 0 auto}a{position:relative;padding:8px 16px;color:var(--color-primary);text-decoration:none;transition:0.3s;font-size:24px;white-space:nowrap;display:inline-block;&.active{color:var(--color-primary)}}}.blog-tabs-indicator{position:absolute;left:0;bottom:0;height:3px;width:0;border-radius:2px;background:var(--gradient-brand);pointer-events:none;transform-origin:center;transform:scaleX(1);transition:left 0.35s cubic-bezier(.4,0,.2,1),width 0.35s cubic-bezier(.4,0,.2,1),transform 0.25s ease}}.blog-posts{row-gap:30px}.blog-pagination{display:flex;justify-content:center;gap:16px;margin-top:60px;.pagination-pill{width:60px;height:10px;border-radius:999px;background:#d9d9d9;transition:all 0.35s ease;display:block;transform:scaleX(.8);&.active{background:#3264aa;width:80px;transform:scaleX(1)}&:hover{opacity:.7}}}}@media (width <=768px){#blog{& .blog-posts{& .blog-card{.blog-card-content{gap:10px;.blog-card-title{font-size:18px;line-height:120%}.blog-card-excerpt{line-height:140%}}}}.blog-title{margin-bottom:30px}}}