/* frame color */
.circle-wrap.red {
    background: red;
}

.circle-wrap.black {
    background: black;
}

.circle-wrap.green {
    background: green;
}

.circle-wrap.blue {
    background: blue;
}

.circle-wrap.orange {
    background: orange;
}

.circle-wrap.yellow {
    background: yellow;
}

.circle-wrap.golden {
    background: goldenrod;
}

.circle-wrap.grey {
    background: grey;
}

.circle-wrap.brown {
    background: brown;
}

.circle-wrap.chocolate {
    background: chocolate;
}

.circle-wrap.floral {
    background: floralwhite;
}

.circle-wrap.navy {
    background: navy;
}

.circle-wrap.lightgreen {
    background: lightgreen;
}

.circle-wrap.cedarbrawn {
    background: #5E5042;
}

.circle-wrap.purple {
    background: purple;
}

.circle-wrap.peach {
    background: peachpuff;
}

.circle-wrap.wooden {
    background: linear-gradient(180deg, #512713 0%, #815035 43.23%, #6D4A37 93.23%)!important;
}

.circle-wrap.riflegreen {
    background: #444c38;
}

.circle-wrap.turquoise {
    background: linear-gradient(180deg, #71D3D0 0%, #85DBD6 43.23%, #41AAAD 93.23%)!important;
}

.circle-wrap.gunmetal {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}

.circle-wrap.tan {
    background: #D2B48C;
}

.circle-wrap.transparent {
    background: transparent;
}

.circle-wrap.babypink {
    background: #FFC0CB;
}

.circle-wrap.olive {
    background: linear-gradient(160.35deg, #637102 0%, #BFC30A 50.28%, #6D8002 108.44%)!important;
}

.circle-wrap.multicolor {
    background: linear-gradient(160.35deg, #FA1480 0%, #D67CBE 29.08%, #E9BF83 58.16%, #7DE2A5 88.45%, #0DE9DD 111.47%)!important;
}
.circle-wrap.mutedlightorange {
    background: #EB9C5C;
}
.circle-wrap.lime {
    background: #00FF00;
}
.circle-wrap.reddishbrown {
    background: #A52A2A;
}
.circle-wrap.gold {
    background: gold;
}

.circle-wrap.mintgreen {
    background: linear-gradient(169.54deg, #98FF98 -14.87%, #F3FFF9 52.36%, #79F58A 126.98%)!important;
}

.circle-wrap.armygreen {
    background: #4B5320;
}

.circle-wrap.beige {
    background: linear-gradient(132.17deg, #DCBFA6 -18.99%, #F0C9A8 34.4%, #DCBFA6 76.59%)!important;
}

.circle-wrap.mauve {
    background: #E0B0FF;
}

.circle-wrap.tortoise {
    background: linear-gradient(to bottom, #8B4513, #D2B48C);
}

.circle-wrap.havana {
    background: linear-gradient(58.13deg, #3B2B2C -24.6%, #776364 29.23%, #3B2B2C 88.26%, #3B2B2C 147.46%)!important;
}

.circle-wrap.mattblue {
    background: #0000FF!important;
}

.circle-wrap.chocolatebrown {
    background: #7B3F00;
}

.circle-wrap.teal {
    background: #008080;
}

.circle-wrap.tealgreen {
    background: #006D5B;
}

.circle-wrap.wine {
    background: #722F37;
}

.circle-wrap.gunmetal {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}

.circle-wrap.lightburgundy {
    background: rgba(128, 0, 32, 0.74)!important; 
}

.circle-wrap.mattegold {
    background: #D2BF37;
}

.circle-wrap.mattblack {
    background: #28282B;
}

.circle-wrap.lemon {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%)!important;
}

.circle-wrap.aquamarine {
    background: #7FFFD4;
}

.circle-wrap.lavender {
    background: #C079D9;
}

.circle-wrap.ivory {
    background: #ffbf00;
}

.circle-wrap.cyan {
    background: #00FFFF;
}

.circle-wrap.coffee {
    background: #6f4e37;
}

.circle-wrap.silver {
    background: silver;
}

.circle-wrap.smoke {
    background: #848884;
}

.circle-wrap.indigo {
    background: #4B0082;
}

/* for diff section */
.product-card .rating-wrap span:last-child {
    margin-right: 2px;
}

.product-card .rating-wrap span.pink {
    background: #FFBDAE;
}

.product-card .rating-wrap span.yellow {
    background: #FFCD29;
}

.product-card .rating-wrap span.purple {
    background: #6D6FFF;
}

.product-card .rating-wrap span.red {
    background: red;
}

.product-card .rating-wrap span.green {
    background: green;
}

.product-card .rating-wrap span.black {
    background: black;
}

.product-card .rating-wrap span.tortoise {
    background: #7d5446;
}

.product-card .rating-wrap span.brown {
    background: brown;
}

.product-card .rating-wrap span.blue {
    background: blue;
}

.product-card .rating-wrap span.white {
    background: white;
}

.product-card .rating-wrap span.orange {
    background: orange;
}

.product-card .rating-wrap span.grey {
    background: grey;
}

.product-card .rating-wrap span.silver {
    background: silver;
}

.product-card .rating-wrap span.multicolor {
    background: linear-gradient(160.35deg,#fa1480 0,#d67cbe 29.08%,#e9bf83 58.16%,#7de2a5 88.45%,#0de9dd 111.47%)!important;
}

.product-card .rating-wrap span.wine {
    background: #722F37;
}

.product-card .rating-wrap span.smoke {
    background: #848884;
}

.product-card .rating-wrap span.indigo {
    background: #4B0082;
}

.product-card .rating-wrap span.lavender {
    background: #C079D9;
}

.product-card .rating-wrap span.ivory {
    background: #ffbf00;
}

.product-card .rating-wrap span.cyan {
    background: #00FFFF;
}

.product-card .rating-wrap span.coffee {
    background: #6f4e37;
}

.product-card .rating-wrap span.gunmetal {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}

.product-card .rating-wrap span.lightburgundy {
    background: rgba(128, 0, 32, 0.74)!important; 
}

.product-card .rating-wrap span.mattegold {
    background: #D2BF37;
}

.product-card .rating-wrap span.mattblack {
    background: #28282B;
}

.product-card .rating-wrap span.lemon {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%)!important;
}

.product-card .rating-wrap span.aquamarine {
    background: #7FFFD4;
}

.product-card .rating-wrap span.chocolate {
    background: chocolate;
}

.product-card .rating-wrap span.floral {
    background: floralwhite;
}

.product-card .rating-wrap span.navy {
    background: navy;
}

.product-card .rating-wrap span.gold {
    background: gold;
}