.categories{padding:0 60px}.categories__filters{display:flex;justify-content:center;align-items:center;gap:10px;color:#afafaf;margin:60px 0}.categories__filters .categories__filters-active{color:#007839;font-weight:500}.categories__filters p{font-size:18px;font-weight:300;cursor:pointer;padding:0 10px;height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:.2s}.categories__filters p:first-child{font-weight:400}.categories__filters p:not(:first-child):hover{background:#007839;color:#fff;transition:.2s}.categories__items{margin-bottom:100px}.categories__items-card{display:flex;flex-direction:column;gap:20px}.categories__items-card h5{width:100%;text-align:center;font-size:32px}.categories__items-card-grid{gap:30px;display:flex;flex-wrap:wrap;justify-content:center}.categories__items-card-grid .item-card--loading{width:400px;height:260px;background-color:gray;border-radius:10px}.categories__items-card-grid .item-card{width:400px;height:260px;background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700;color:#fff;position:relative;transition:.4s;border-radius:10px;overflow:hidden}.categories__items-card-grid .item-card:hover{transition:.4s}.categories__items-card-grid .item-card:hover:after{background:rgba(0,0,0,.4)}.categories__items-card-grid .item-card:after{content:"";width:100%;height:100%;position:absolute;transition:.4s}.categories__items-card-grid .item-card p{z-index:4;text-transform:uppercase}@media screen and (max-width:1000px){.categories{padding:0 30px}.categories__filters{width:100%;flex-wrap:wrap}.categories__items{margin-bottom:80px}.categories__items-card h5{font-size:28px}.categories__items-card-grid{gap:25px}.categories__items-card-grid .item-card{width:300px;height:200px;font-size:32px}}@media screen and (max-width:700px){.categories{padding:0 15px}.categories__items-card-grid{flex-direction:column;align-items:center}.categories__items-card-grid .item-card{font-size:28px}.categories .item-card--loading{width:300px;height:150px;background-color:gray;border-radius:10px}}