.clean_button{position:relative;padding-right:30px}.clean_button:after{content:"";position:absolute;top:calc(50% - 10px);right:0;width:20px;height:20px;background-image:url(/images/arrow_circle_icon.svg);background-size:contain;background-repeat:no-repeat;transition:all .3s}.clean_button:hover:after{background-image:url(/images/arrow_circle_icon_hover.svg)}.blog-header{padding:4rem 0 2rem;background:var(--gray400);border-bottom:1px solid #e9ecef}.blog-header h1{color:var(--brandColor800);font-size:48px;font-weight:700;text-align:center;margin:0;font-family:var(--secondaryFont);line-height:120%}.blog-grid{padding:3rem 0}.filter-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.filter-group{display:flex;align-items:center;gap:1rem}.filter-group h3{color:#000;font-size:16px;font-family:var(--secondaryFont);margin:0;font-weight:600;white-space:nowrap;cursor:default;pointer-events:none;user-select:none}.category-dropdown{position:relative;flex:1}.category-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#fff!important;border:2px solid var(--brandColor500)!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;font-size:15px!important;font-weight:500!important;width:280px!important;max-width:100%!important;outline:none!important;padding:.75rem 2.5rem .75rem 1rem!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007B87' viewBox='0 0 16 16'%3E%3Cpath d='M4.427 9.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 9H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:16px!important;box-sizing:border-box!important;-webkit-border-radius:6px;-webkit-background-clip:padding-box;background-clip:padding-box}.category-select::-webkit-outer-spin-button,.category-select::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.category-select::-ms-expand{display:none}.category-select:hover{border-color:#005f68!important;box-shadow:0 2px 8px #007b8726!important}.category-select:focus{border-color:#005f68!important;box-shadow:0 0 0 3px #007b871a!important}.search-field__input{padding:.75rem 1rem;border:1px solid var(--brandColor500);border-radius:4px;font-size:14px;width:300px;outline:none}.search-field__input:focus{border-color:var(--brandColor600);box-shadow:0 0 0 2px #007b871a}@media (max-width: 768px){.blog-header h1{font-size:31px}.filter-row{flex-direction:column;gap:1.5rem}.filter-group{flex-direction:column;align-items:flex-start;gap:.75rem}.category-dropdown{width:100%}.category-select{width:100%;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007B87' viewBox='0 0 16 16'%3E%3Cpath d='M4.427 9.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 9H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:16px!important}.search-field__input{width:100%;max-width:300px}}.pagination-controls{margin-top:3rem}.pagination-controls .btn{border-color:var(--brandColor500);color:var(--brandColor500);padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease;text-decoration:none}.pagination-controls .btn:hover{background-color:var(--brandColor500);border-color:var(--brandColor500);color:#fff;text-decoration:none}.pagination-controls .btn:disabled{opacity:.5;cursor:not-allowed}#page-info{font-size:16px;font-weight:500;color:#333}#posts-count{font-size:14px;margin-top:1rem}.category{display:inline-block;color:#fff;background:#007b87;padding:4px 6px;border-radius:3px;text-decoration:none;font-size:12px;font-weight:500;transition:all .3s ease}.category:hover{background:#005a63;color:#fff;text-decoration:none}@media (max-width: 480px){.blog-header{padding:3rem 0 1.5rem}.blog-header h1{font-size:28px}.blog-grid{padding:2rem 0}.pagination-controls{flex-direction:column;gap:1rem}.pagination-controls .btn{padding:.5rem 1rem;font-size:14px}#page-info{order:-1;text-align:center}}