.list .card {position: relative; } .list .card:hover {text-decoration: none; } .list .card .card-img-top {aspect-ratio: 1.5/1; } .list .card .img-fluid {width: 100%;height: 100%;object-fit: cover; } .list .card svg {position: absolute;bottom: 1.1111111111rem;right: 1.1111111111rem; } .list .card .card-category {display: flex;flex-wrap: wrap;gap: 0.5555555556rem; } .list .card .card-category .small {font-size: 0.6666666667rem; } .list .filter label:not(.custom-control-label) {display: none; } .list .filter .btn {display: none; } .list .filter .form-group {display: flex;flex-direction: column; } @media (min-width: 576px) {.list .filter .form-group {flex-direction: row;flex-wrap: wrap;} } .list .filter .form-group .custom-control {flex-grow: 0;flex-shrink: 0;flex-basis: 25%;padding-left: 0.2777777778rem;padding-right: 0.2777777778rem;margin-bottom: 0.5555555556rem; } .list .filter .form-group .custom-control-label {border: solid 0.1666666667rem var(--black);padding: 1rem;width: 100%;text-align: center;font-weight: bold;color: var(--black);height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 0.8333333333rem; } .list .filter .form-group .custom-control-label::before, .list .filter .form-group .custom-control-label::after {display: none; } .list .filter .form-group .custom-control-label:hover {border-color: var(--black);color: var(--black); } .list .filter .form-group .custom-control-input:checked + .custom-control-label {background: var(--black);color: var(--white); } .list .filter .form-group .custom-control-input:checked + .custom-control-label:hover {border-color: var(--black);color: var(--white); } .section.list {background-color: #f2f2f2;padding: 5rem 0;max-width: 1920px;margin-left: auto;margin-right: auto;width: 100%; }