main section:nth-child(1) h1{margin-bottom:20px}main section:nth-child(1) .dropdown-filter-container{display:flex;flex-flow:row nowrap;align-items:flex-end;margin-bottom:20px}main section:nth-child(1) .dropdown-filter-container label{margin-right:20px}main section:nth-child(1) input[type=search]{width:100%}main section:nth-child(1) .card-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(125px, 1fr));gap:20px;margin-top:20px}main section:nth-child(1) .card-container .card{height:125px;background-color:var(--white);border-radius:6px;border:1px solid var(--gray-2);padding:20px;text-align:center;display:flex;flex-flow:column nowrap;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.12);transition:background-color 150ms ease,border-color 150ms ease,transform 80ms ease,box-shadow 80ms ease}main section:nth-child(1) .card-container .card:active{transform:scale(0.98);box-shadow:0 1px 2px rgba(0,0,0,.2) inset,0 0 0 rgba(0,0,0,0);filter:brightness(0.93)}main section:nth-child(1) .card-container .card img{height:50px;margin-bottom:5px}main section:nth-child(1) .card-container .card span{text-transform:capitalize;font-weight:500;font-size:var(--large-text)}@media all and (max-width: 767px){main section:nth-child(1) .dropdown-filter-container{flex-flow:column nowrap;align-items:center}main section:nth-child(1) .dropdown-filter-container label,main section:nth-child(1) .dropdown-filter-container a.button{margin-right:0;margin-bottom:10px;width:100%}}@media(hover: hover)and (pointer: fine){main section:nth-child(1) .card:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.16)}}