.blog-section .category-nav{display:flex;align-items:center;grid-gap:12px}.blog-section .category-nav ul{display:flex;align-items:center;grid-gap:clamp(10px,.876vw,12px)}.blog-section .category-nav ul button{padding:clamp(10px,.876vw,12px) clamp(24px,2.336vw,32px);font-weight:500;font-size:clamp(16px,1.314vw,18px);color:var(--cl-c);border-radius:60px;transition:all .4s;position:relative}.blog-section .category-nav ul button::before{pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gr-a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.blog-section .category-nav ul button:before{transition:all .4s;opacity:0}.blog-section .category-nav ul button:after{content:"";position:absolute;border-radius:inherit;background:var(--gr-a);z-index:-1;inset:0;opacity:0;visibility:hidden;transition:all .4s}.blog-section .category-nav ul button:hover{color:var(--cl-a)}.blog-section .category-nav ul button:hover:after{visibility:visible;opacity:1}.blog-section .category-nav ul button.active{pointer-events:none}.blog-section .category-nav ul button.active:before{opacity:.5}.blog-section .page-nav ul li{font-family:var(--font-family);font-weight:400;font-size:clamp(16px,1.314vw,18px);line-height:130%;text-align:center;color:var(--cl-c);width:clamp(40px,3.65vw,50px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.blog-section .page-nav ul li button{font-family:var(--font-family);font-weight:400;font-size:clamp(16px,1.314vw,18px);line-height:130%;text-align:center;color:var(--cl-c);display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:100%;transition:all .3s;position:relative}.blog-section .page-nav ul li button::before{pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gr-a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.blog-section .page-nav ul li button:after{content:"";position:absolute;z-index:-1;background:var(--gr-a);inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:all .3s;border-radius:100%}.blog-section .page-nav ul li button:before{opacity:0;visibility:hidden;transition:all .3s}.blog-section .page-nav ul li button:hover{color:var(--cl-a)}.blog-section .page-nav ul li button:hover:after{opacity:1;visibility:visible}.blog-section .page-nav ul li button.active{pointer-events:none}.blog-section .page-nav ul li button.active:before{opacity:1;visibility:visible}.blog-section .page-nav ul li button:disabled{opacity:.4;filter:grayscale(10);pointer-events:none}.blog-section .blog-top__inner .category-nav{flex-grow:1}.blog-section .blog-list .blog-card__label{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background:var(--gr-e);border-radius:25px;padding:4px 10px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:120%;letter-spacing:.05em;text-transform:uppercase;color:var(--cl-g)}.blog-section .blog-list .blog-card p{color:var(--cl-d);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media (min-width:768px){.blog-section .blog-list__item:nth-of-type(1) .blog-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}@media (max-width:1024px) and (min-width:577px){.blog-section .blog-top__inner .category-nav{justify-content:center}.blog-section .blog-top.mode .blog-top__inner .category-nav{justify-content:start}}@media (max-width:1024px) and (min-width:768px){.blog-section .blog-top.mode .blog-top__inner{flex-wrap:nowrap}}@media (max-width:930px){.blog-section .blog-top__inner .category-nav{order:3}.blog-section .blog-top.mode .category-nav{order:-1}}@media (max-width:767px){.blog-section .blog-top.mode .search-form{max-width:100%}}@media (max-width:576px){.blog-section .category-nav{overflow-x:auto;width:calc(100% + var(--container-offset) * 2);margin:0 calc(var(--container-offset) * -1);padding:0 var(--container-offset)}.blog-section .category-nav::-webkit-scrollbar{display:none}}