.colour-swatches{padding:90px 0}.colour-swatches .colour-swatch-container{max-width:1546px;width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.colour-swatches .colour-swatch-container .is-style-outline-with-arrow{margin-top:40px}.colour-swatches .colour-swatch-container .is-style-outline-with-arrow .wp-block-button__link{border:1px solid #393837;color:#393837}.colour-swatches .colour-swatch-container .is-style-outline-with-arrow .wp-block-button__link:after{filter:brightness(0)}.colour-swatches .colour-swatch-container .is-style-outline-with-arrow .wp-block-button__link:hover{background-color:#E6E5E5}.colour-swatches .colour-swatch-container .content{width:45%}.colour-swatches .colour-swatch-container .content p{margin-bottom:30px;width:92%}@media screen and (max-width:1024px){.colour-swatches{padding:60px 0}.colour-swatches .colour-swatch-container .content p{width:100%}}.colour-swatches .colour-swatch-container .image{width:50%}.colour-swatches .colour-swatch-container .image img{width:100%;height:auto;object-fit:cover;object-position:center}@media screen and (max-width:1024px){.colour-swatches .colour-swatch-container .content,.colour-swatches .colour-swatch-container .image{width:100%}.colour-swatches .colour-swatch-container .image{padding:0}}.swatches{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:60px auto}.swatch-text-container{position:relative}@media screen and (max-width:820px){.swatch-text-container{margin-bottom:30px}}@media screen and (max-width:768px){.swatch-text-container{margin-bottom:0}.swatch-text-container.hide-swatch-on-mobile{display:none}}.swatch-text-container .name{text-align:center;position:absolute;width:100px;transform:translate(-25px,0);margin-top:6px;opacity:0;transition:.5s;font-family:gill-sans-nova,sans-serif;font-weight:500;font-style:normal;font-size:13px;letter-spacing:2.6px;text-transform:uppercase}.swatch-text-container .swatch-container{width:34px;height:34px;display:block;border-radius:100%;margin:0 5px;border-style:solid;border-width:2px;border-color:transparent;padding:2px;transition:.2s}.swatch-text-container .swatch-container .swatch{width:100%;height:100%;display:block;border-radius:100%}.swatch-text-container.active .swatch-container{border-color:#7DA19A;box-shadow:rgba(125,161,154,.5019607843) 0 0 0 5px}.swatch-text-container.active .name{opacity:1}.swatch-text-container:hover .swatch-container{border-color:#7DA19A}