.color-palette-section{width:100%;padding:80px 0;position:relative}.color-palette{flex-direction:column;grid-template-columns:repeat(2,1fr);grid-template-areas:"one one""two two""three four";gap:16px;display:grid}.color-item:first-child{grid-area:one}.color-item:nth-child(2){grid-area:two}.color-item:nth-child(3){grid-area:three}.color-item:nth-child(4){grid-area:four}.color-item{border-radius:20px;width:100%;height:230px;position:relative;overflow:hidden}.color-item-bg{position:absolute;inset:0}.color-item-fill{transform-origin:0;width:100%;height:100%;position:absolute;inset:0}.color-item-content{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 50px;display:flex;position:relative}.color-name p{font-size:24px!important}.color-name{font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.color-rgb,.color-hex{font-size:14px}.color-item-1 p,.color-item-1 span{color:#fff;font-size:14px}.color-item-2 span,.color-item-3 span,.color-item-4 span,.color-item-1 span{opacity:.5;font-size:14px}.color-item-2 p,.color-item-2 span{color:#29473f;font-size:14px}.color-item-3 p,.color-item-3 span{color:#fff;font-size:14px}.color-item-4 p,.color-item-4 span{color:#29473f;font-size:14px}.color-item-bg{background:#fff;position:absolute;inset:0}.color-item-fill{transform-origin:0;will-change:transform;width:100%;height:100%;position:absolute;inset:0}@media only screen and (max-width:991px){.color-name,.color-item-content>div:first-child p{display:none}.color-palette-section{padding-top:0;padding-bottom:52px}.color-item{border-radius:10px;height:88px}.color-item-content{justify-content:center;padding:0 20px}}