.filters-section{margin:30px 0}.filter-group{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.5px;color:#333;font-size:14px;font-weight:600}.filter-select{cursor:pointer;appearance:none;background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:4px;padding:12px 35px 12px 15px;font-size:14px;font-weight:500}.filter-select:disabled{opacity:.45;cursor:not-allowed}.filter-category-group .filter-select{color:#fff;background-color:#3b83f9}.filter-topic-group .filter-select{color:#fff;background-color:#f93b81}.filter-select option{color:#333;background-color:#fff}.filter-select option[disabled]{display:none}.filters-actions{margin-top:12px}.reset-filters{color:#a6a6a6;cursor:pointer;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:none}.reset-filters:hover{text-decoration:underline}.reset-filters.visible{display:flex}.main{padding-top:25px}.load-more-wrapper{text-align:center;margin-top:45px;padding-bottom:20px;position:relative}.load-more-wrapper img{animation:2s ease-in-out infinite floatload;position:absolute;top:-50px;left:50%;transform:translate(-50%)}@keyframes floatload{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.re-btn:hover{color:#fff;background:#001959}.load-more-btn[disabled]{cursor:not-allowed}.load-more-btn{border:none}.pagination-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:24px 0 80px;display:flex}.pagination-nav .page-btn{min-width:38px;height:38px;color:var(--main-text-blue);cursor:pointer;background:#f4f9ff;border:2px solid #e0effc;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.pagination-nav .page-btn:hover{background:#e0effc;border-color:#b5d7ff}.pagination-nav .page-btn.active{background:var(--main-red,#f93b81);border-color:var(--main-red,#f93b81);color:#fff;box-shadow:0 4px 12px #f93b814d}.pagination-nav .page-btn.dots{cursor:default;color:#a0c0e0;background:0 0;border-color:#0000}.pagination-nav .page-btn:disabled{opacity:.4;cursor:not-allowed}.load-more-btn.action-button{color:var(--main-text-blue);cursor:pointer;background:#fff;border:2px solid #e0effc;border-radius:25px;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:16px 48px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #c2e2fa80}.custom-select-wrapper{-webkit-user-select:none;user-select:none;font-family:inherit;position:relative}.filter-group label{display:none}.custom-select-trigger{color:#fff;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;min-width:180px;padding:10px 24px;font-size:16px;font-weight:500;transition:filter .2s;display:flex}.custom-select-trigger:hover{filter:brightness(.95)}.custom-select-trigger.open .arrow{transform:rotate(180deg)}.custom-select-trigger .arrow{font-size:12px;transition:transform .3s}.custom-select-wrapper.color-blue .custom-select-trigger{background-color:#b3d4ff}.custom-select-wrapper.color-orange .custom-select-trigger{background-color:#ffceaa}.custom-select-wrapper.color-pink .custom-select-trigger{background-color:#ffb3cc}.custom-select-dropdown{z-index:100;opacity:0;visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 4px 15px #0000001a}.custom-select-wrapper.open .custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-search{border-bottom:1px solid #eee;padding:12px}.custom-select-search input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px}.custom-select-search input:focus{border-color:#b3d4ff}.custom-select-options{max-height:250px;overflow-y:auto}.custom-option{cursor:pointer;color:#333;padding:10px 16px;font-size:15px;transition:background .2s}.custom-option:hover{background-color:#f5f5f5}.custom-option.selected{background-color:#f0f7ff;font-weight:700}.custom-option.disabled{display:none}.filter-select{display:none!important}.filters-wrapper{flex-wrap:wrap;align-items:center;gap:15px;display:flex}