.color-page h1{color:#000;text-align:center;font-family:work sans,nunito,helvetica neue,helvetica,arial;font-size:36px;font-weight:600;letter-spacing:.09px}.color-page .breadcrumb .breadcrumb-item:before{padding:0 10px}.color-page .breadcrumb .breadcrumb-item a{color:#626262!important;font-family:Noto Sans,Helvetica Neue,helvetica,arial,sans-serif}.color-page .color-list{display:-ms-grid;display:grid;-ms-grid-columns:(23%)[4];grid-template-columns:repeat(4,23%);gap:30px;margin:55px 0 100px}.color-page .color-list .color-item{aspect-ratio:1/1;width:100%;border-radius:10px;position:relative}.color-page .color-list .color-item.no-thumbnail{background-color:var(--bg-color)}.color-page .color-list .color-item.item-thumbnail{background-image:var(--bg-img);background-size:cover}.color-page .color-list .color-item .name{display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:hsla(0,0%,100%,.2);position:absolute;width:100%;height:100%}.color-page .color-list .color-item .name p{color:#fff;font-family:work sans,nunito,helvetica neue,helvetica,arial;font-size:24px;font-weight:600;line-height:140%;letter-spacing:.18px}@media (max-width:991.98px){.color-page .breadcrumb{display:none}.color-page h1{font-size:24px;line-height:130%;letter-spacing:.24px}.color-page .color-list{-ms-grid-columns:(48%)[2];grid-template-columns:repeat(2,48%);gap:10px;margin:35px 0 100px}}