.text-white{color:#fff}.bg-success{background-color:#10be16}.bg-secondary{background-color:#000}.bg-primary{background-color:#5e4058}.text-gray-primary{color:#1d1d1d}.text-success{color:#10be16}.text-gray-secondary{color:#ddd}@media screen and (min-width: 768px){.categories-separation-line{margin:0 auto;padding:0;display:block;width:700px;object-fit:contain}#categories-container{margin:0;padding-top:2vh;margin-bottom:2vh}#categories-container #categories-list{margin:0;padding:0 5vw 5vh 5vw;list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}#categories-container #categories-list .category-item{width:calc(33.333% - 1rem);text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:end;transition:.3s}#categories-container #categories-list .category-item:hover .category-item-image{transform:scale(.9)}#categories-container #categories-list .category-item .category-item-image{margin:0;padding:0;display:block;width:100%;height:18vw;object-fit:contain;transition:.3s}#categories-container #categories-list .category-item .category-item-name{margin:0;padding:0;font-size:1.2rem;font-weight:400;color:#999;transition:.3s;width:100%}}@media screen and (max-width: 768px){.categories-separation-line{margin:0 auto;padding:0;display:block;width:100%;object-fit:contain}#categories-container{margin:0;padding-top:2vh;margin-bottom:2vh}#categories-container #categories-list{margin:0;padding:0 5vw 5vh 5vw;list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}#categories-container #categories-list .category-item{width:calc(50% - 1rem);text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:end;transition:.3s}#categories-container #categories-list .category-item:hover .category-item-image{transform:scale(.9)}#categories-container #categories-list .category-item .category-item-image{margin:0;padding:0;display:block;width:100%;height:45vw;object-fit:contain;transition:.3s}#categories-container #categories-list .category-item .category-item-name{margin:0;padding:0;font-size:.9rem;font-weight:400;color:#999;transition:.3s;width:100%}}