/* 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;
}

/*19-sept color-codes nitin  */
.brown-silver,
.BrownAndSilver-color {
    background: linear-gradient(90deg, #6F4F1F 10.64%, #a7815f 38.13%, #b49483 56.24%, #bda082 80.13%) !important;
}

.gold-transparent,
.GoldTransparent-color {
    background-color: rgba(255, 215, 0, 0.5);
}

.red-silver,
.RedAndSilver-color {
    background: linear-gradient(90deg, #E53935 10.64%, #E53935 28%.13%, #C0C0C0 56.24%, #C0C0C0 70.14%) !important;
}

.purple-silver,
.PurpleAndSilver-color {
    background: linear-gradient(90deg, #6A0DAD 10.64%, #6A0DAD 27.64%, #C0C0C0 56%, #C0C0C0 70%) !important;
}

.silver-red,
.SilverAndRed-color {
    background: linear-gradient(90deg, #C0C0C0 10%, #C0C0C0 28%, #E53935 56%, #E53935 70%) !important;
}

.brown-red,
.BrownAndRed-color {
    background: linear-gradient(90deg, #8B4513 10%, #8B4513 28%, #B22222 58%, #B22222 70%);
}

.pink-black,
.PinkAndBlack-color {
    background: linear-gradient(90deg, #FF69B4 10%, #FF69B4 20%, #000000 56%, #000000 70%);
}

.pink-silver,
.PinkAndSilver-color {
    background: linear-gradient(90deg, #FF69B4 10%, #FF69B4 20%, #C0C0C0 55%, #C0C0C0 70%);
}

.gold-silver,
.GoldAndSilver-color {
    background: linear-gradient(90deg, #FFD700 10%, #FFD700 20%, #C0C0C0 50%, #C0C0C0 72%);
}

.yellow-gold,
.YellowAndGold-color {
    background: linear-gradient(90deg, #ffff0063 10%, #ffff0063 20%, #ffd900 50%, #ffd900 72%);
}

.black-and-brown,
.BlackAndBrown-color {
    background: linear-gradient(90deg, #000000 10%, #000000 20%, #8B4513 50%, #8B4513 70%);
}

.black-and-white,
.BlackAndWhite-color {
    background: linear-gradient(90deg, #000000 10%, #000000 20%, #f6f4f4 50%, #f6f4f4 70%);
}

.brown-purple,
.BrownAndPurple-color {
    background: linear-gradient(to right, #8B4513, #6A0DAD 60%);
}

.blue-red,
.BlueAndRed-color {
    background: linear-gradient(90deg, #0000FF 10%, #0000FF 20%, #FF0000 50%, #FF0000 70%);
}

.blue-and-orange,
.BlueAndOrange-color {
    background: linear-gradient(90deg, #1E90FF 10%, #1E90FF 20%, #FF8C00 50%, #FF8C00 70%);
}

.black-and-pink,
.BlackAndPink-color {
    background: linear-gradient(to right, #000000, #FF69B4);
}

.pink-purple,
.PinkAndPurple-color {
    background: linear-gradient(to right, #FF69B4, #800080 60%);
}

.blue-brown,
.BlueAndBrown-color {
    background: linear-gradient(to right, #1d53ea 10%, #1d53ea 20%, #8B4513 50%, #8B4513 70%);
}

.grey-gun-metal,
.GreyGunMetal-color {
    background: linear-gradient(to right, #808080, #2a3439 60%);
}

.blue-gun-metal,
.BlueGunMetal-color {
    background: linear-gradient(to right, #1d53ea, #2A3439 60%);
}

.light-blue-gold,
.LightBlueGold-color {
    background: linear-gradient(to right, #39a7d3, #FFD900 60%);
}

.blue-gold,
.BlueAndGold-color {
    background: linear-gradient(to right, #1d53ea, #FFD900 60%);
}

.transparent-grey,
.TransparentGrey-color {
    background-color: rgba(128, 128, 128, 0.5);
}

.transparent-black-and-gold,
.TransparentBlackAndGold-color {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 40%, #FFD700);
}

.purple-gold,
.PurpleAndGold-color {
    background: linear-gradient(to right, #6A0DAD, #FFD900 60%);
}

.maroon-rosegold,
.MaroonRoseGold-color {
    background: linear-gradient(to right, #800000, #cf6979 60%);
}

.grey-gold,
.GreyAndGold-color {
    background: linear-gradient(to right, #676666, #FFD900 60%);
}

.pink-gold,
.PinkAndGold-color {
    background: linear-gradient(to right, #FF69B4, #FFD900 60%);
}

.green-and-silver,
.GreenAndSilver-color {
    background: linear-gradient(to right, #228B22, #C0C0C0 60%);
}