.list .card .card-img-top {background: radial-gradient(circle at center, rgba(255, 255, 255, 0) 4%, rgba(153, 153, 153, 0.13) 100%); } .section.list > .row {margin-right: 0;margin-left: 0; } .section.list .list-content {padding-right: 0;padding-left: 0; } .section.list .col-filter {padding: 0 0 2rem; } .section.list .col-filter .filter {display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;padding: 1rem;background: var(--white);border: 1px solid var(--gray-300); } .section.list .col-filter h3, .section.list .col-filter .btn-close, .section.list .col-filter .btn-primary {display: none; } .section.list .col-filter .filter-all, .section.list .col-filter .custom-control-label {display: inline-flex;align-items: center;justify-content: center;min-height: 2.75rem;margin: 0;padding: 0.6875rem 1.375rem;color: var(--primary);background: var(--light);border: 1px solid var(--gray-300);font-size: 0.875rem;font-weight: 700;line-height: 1.25rem;white-space: nowrap;cursor: pointer;transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } .section.list .col-filter .filter-all:hover, .section.list .col-filter .custom-control-label:hover {color: var(--primary);background: var(--secondary);border-color: var(--secondary); } .section.list .col-filter .filter-all.active, .section.list .col-filter .custom-control:has(input:checked) .custom-control-label {color: var(--primary);background: var(--secondary);border-color: var(--secondary); } .section.list .col-filter .form-group {display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;margin: 0; } .section.list .col-filter .form-group > label {display: none; } .section.list .col-filter .custom-control {min-height: 0;margin: 0;padding: 0; } .section.list .col-filter .custom-control-label {position: static; } .section.list .col-filter .custom-control-label::before, .section.list .col-filter .custom-control-label::after {display: none; } .section.list .col-filter .custom-control-input {position: absolute;opacity: 0;pointer-events: none; } .section.list .card-title {margin: 0;font-size: 18px;font-style: normal;font-weight: 700;line-height: 1.25;text-align: left;text-transform: none !important; } .section.list .card-subtitle {margin: 4px 0 0;color: var(--gray-600);font-size: 14px;font-weight: 600;line-height: 1.55;text-align: left; } .section.list .card-text {display: -webkit-box;overflow: hidden;margin: 16px 0 0;color: var(--gray-600);font-size: 14px;line-height: 1.55;text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4; } @media (max-width: 991.98px) {.section.list .col-filter .filter {align-items: flex-start;flex-wrap: nowrap;overflow-x: auto;padding: 0.75rem;} }