.color-thumb {
    width: 20px;
    height: 20px;
    height: 20px;
    margin-bottom: 0;
    border-radius: 50%;
    background: #eee;
    cursor: pointer;
}

.Peach-filter:before,
.Peach-filter:after,
.Peach-color {
    background: linear-gradient(180deg, #F9CDB7 0%, #F6CED5 100%) !important;
}

.Wooden-filter:before,
.Wooden-filter:after,
.Wooden-color {
    background: linear-gradient(180deg, #512713 0%, #815035 43.23%, #6D4A37 93.23%) !important;
}

.Turquoise-filter:before,
.Turquoise-filter:after,
.Turquoise-color {
    background: linear-gradient(180deg, #71D3D0 0%, #85DBD6 43.23%, #41AAAD 93.23%) !important;
}

.Gunmetal-filter:before,
.Gunmetal-filter:after,
.Gunmetal-color,
.Gunmetalblack-filter:before,
.Gunmetalblack-filter:after,
.Gunmetalblack-color,
.Gun-filter:before,
.Gun-filter:after,
.Gun-color {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%) !important;
}

.Black-filter:before,
.Black-filter:after,
.Black-color {
    background: #000000 !important;
}

.Coffee-filter:before,
.Coffee-filter:after,
.Coffee-color {
    background: #6f4e37 !important;
    ;
}

.Coral-filter:before,
.Coral-filter:after,
.Coral-color {
    background: #FF7F50;
}

.Mauve-filter:before,
.Mauve-filter:after,
.Mauve-color {
    background: #E0B0FF !important;
}

.Taupe-filter:before,
.Taupe-filter:after,
.Taupe-color {
    background: #B38B6D;
}

.Marsala-filter:before,
.Marsala-filter:after,
.Marsala-color {
    background: #5D212D;
}

.Bronze-filter:before,
.Bronze-filter:after,
.Bronze-color {
    background: #CD7F32;
}

.Charcoal-filter:before,
.Charcoal-filter:after,
.Charcoal-color {
    background: #36454F;
}

.Snake-filter:before,
.Snake-filter:after,
.Snake-color {
    background: #141414;
}

.Transparent-filter:before,
.Transparent-filter:after,
.Transparent-color {
    background: linear-gradient(180deg, #FFFFFF 0%, #DEDEDE 43.23%, #FFFFFF 93.23%) !important;
    border: 2px solid #e8e8e8 !important;
}

.BlackAndBlue-filter:before,
.BlackAndBlue-filter:after,
.BlackAndBlue-color,
.BlackandBlue-filter:before,
.Blackandblue-filter:after,
.Blackandblue-color {
    background: linear-gradient(180deg, #000154 0%, #01010D 100%) !important;
}

.BlackAndGold-filter:before,
.BlackAndGold-filter:after,
.BlackAndGold-color,
.Blackandgold-filter:before,
.Blackandgold-filter:after,
.Blackandgold-color {
    background: linear-gradient(180deg, #B28228 0%, #141312 75%) !important;
}

.BlueNSilver-filter:before,
.BlueNSilver-filter:after,
.BlueNSilver-color,
.Bluensilver-filter:before,
.Bluensilver-filter:after,
.Bluensilver-color {
    background: linear-gradient(180deg, #D8D8D8 0%, #000154 100%) !important;
}

.Olive-filter:before,
.Olive-filter:after,
.Olive-color {
    background: linear-gradient(160.35deg, #637102 0%, #BFC30A 50.28%, #6D8002 108.44%) !important;
}

.Zebra-filter:before,
.Zebra-filter:after,
.Zebra-color {
    background: linear-gradient(144.36deg, #171417 5.03%, #EEEDF0 26.75%, #171417 42.03%, #EEEDF0 56.26%, #171417 71.38%, #EEEDF0 85.78%) !important;
}

.Multicolor-filter:before,
.Multicolor-filter:after,
.Multicolor-color {
    background: linear-gradient(160.35deg, #FA1480 0%, #D67CBE 29.08%, #E9BF83 58.16%, #7DE2A5 88.45%, #0DE9DD 111.47%) !important;
}

.Mattblack-filter:before,
.Mattblack-filter:after,
.Mattblack-color,
.MattBlack-filter:before,
.MattBlack-filter:after,
.MattBlack-color {
    background: #28282B !important;
}

.Reddishbrown-filter:before,
.Reddishbrown-filter:after,
.Reddishbrown-color,
.ReddishBrown-filter:before,
.ReddishBrown-filter:after,
.ReddishBrown-color {
    background: #A52A2A !important;
}

.Navy-filter:before,
.Navy-filter:after,
.Navy-color,
.Navyblue-filter:before,
.Navyblue-filter:after,
.Navyblue-color,
.NavyBlue-filter:before,
.NavyBlue-filter:after,
.NavyBlue-color,
.NAVYBLUE-filter:before,
.NAVYBLUE-filter:after,
.NAVYBLUE-color {
    background: #000080 !important;
}

.Riflegreen-filter:before,
.Riflegreen-filter:after,
.Riflegreen-color,
.RifleGreen-filter:before,
.RifleGreen-filter:after,
.RifleGreen-color,
.RIFLEGREEN-filter:before,
.RIFLEGREEN-filter:after,
.RIFLEGREEN-color {
    background: #444c38 !important;
}

.Royalblue-filter:before,
.Royalblue-filter:after,
.Royalblue-color,
.RoyalBlue-filter:before,
.RoyalBlue-filter:after,
.RoyalBlue-color,
.ROYALBLUE-filter:before,
.ROYALBLUE-filter:after,
.ROYALBLUE-color {
    background: #4169e1 !important;
}

.Rosegold-filter:before,
.Rosegold-filter:after,
.Rosegold-color,
.RoseGold-filter:before,
.RoseGold-filter:after,
.RoseGold-color,
.ROSEGOLD-filter:before,
.ROSEGOLD-filter:after,
.ROSEGOLD-color {
    background: linear-gradient(144.39deg, #CF8673 5.03%, #EDBCAE 79.91%) !important;
}

.Greytransparent-filter:before,
.Greytransparent-filter:after,
.Greytransparent-color,
.GreyTransparent-filter:before,
.GreyTransparent-filter:after,
.GreyTransparent-color,
.GREYTRANSPARENT-filter:before,
.GREYTRANSPARENT-filter:after,
.GREYTRANSPARENT-color {
    background: #C0C0C0 !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #C0C0C0 43.23%, #FFFFFF 93.23%) !important;
    border: 2px solid #e8e8e8 !important;
}

.Redtransparent-filter:before,
.Redtransparent-filter:after,
.Redtransparent-color,
.Redtransperant-filter:before,
.Redtransperant-filter:after,
.Redtransperant-color {
    background: linear-gradient(180deg, #fff 0, #ff0000 43.23%, #fff 93.23%) !important
}

.Chocolatebrown-filter:before,
.Chocolatebrown-filter:after,
.Chocolatebrown-color,
.ChocolateBrown-filter:before,
.ChocolateBrown-filter:after,
.ChocolateBrown-color,
.CHOCOLATEBROWN-filter:before,
.CHOCOLATEBROWN-filter:after,
.CHOCOLATEBROWN-color,
.Chocolate-filter:before,
.Chocolate-filter:after,
.Chocolate-color {
    background: #7B3F00 !important;
}

.Skyblue-filter:before,
.Skyblue-filter:after,
.Skyblue-color,
.SkyBlue-filter:before,
.SkyBlue-filter:after,
.SkyBlue-color,
.SKYBLUE-filter:before,
.SKYBLUE-filter:after,
.SKYBLUE-color {
    background: #87CEEB !important;
}

.Blacksilver-filter:before,
.Blacksilver-filter:after,
.Blacksilver-color,
.BlackSilver-filter:before,
.BlackSilver-filter:after,
.BlackSilver-color,
.BLACKSILVER-filter:before,
.BLACKSILVER-filter:after,
.BLACKSILVER-color {
    background: linear-gradient(180deg, #D8D8D8 0%, #01010D 100%) !important;
}

.Olivegreen-filter:before,
.Olivegreen-filter:after,
.Olivegreen-color,
.OliveGreen-filter:before,
.OliveGreen-filter:after,
.OliveGreen-color,
.OLIVEGREEN-filter:before,
.OLIVEGREEN-filter:after,
.OLIVEGREEN-color {
    background: #BAB86C !important;
}

.Darkbrown-filter:before,
.Darkbrown-filter:after,
.Darkbrown-color,
.DarkBrown-filter:before,
.DarkBrown-filter:after,
.DarkBrown-color,
.DARKBROWN-filter:before,
.DARKBROWN-filter:after,
.DARKBROWN-color {
    background: #654321 !important;
}

.Browntransparent-filter:before,
.Browntransparent-filter:after,
.Browntransparent-color,
.BrownTransparent-filter:before,
.BrownTransparent-filter:after,
.BrownTransparent-color,
.BROWNTRANSPARENT-filter:before,
.BROWNTRANSPARENT-filter:after,
.BROWNTRANSPARENT-color {
    background: #444c38 !important;
}

.Bluetransparent-filter:before,
.Bluetransparent-filter:after,
.Bluetransparent-color,
.BlueTransparent-filter:before,
.BlueTransparent-filter:after,
.BlueTransparent-color,
.BLUETRANSPARENT-filter:before,
.BLUETRANSPARENT-filter:after,
.BLUETRANSPARENT-color {
    background: #C4A484 !important;
}

.Whitetransparent-filter:before,
.Whitetransparent-filter:after,
.Whitetransparent-color,
.WhiteTransparent-filter:before,
.WhiteTransparent-filter:after,
.WhiteTransparent-color,
.WHITETRANSPARENT-filter:before,
.WHITETRANSPARENT-filter:after,
.WHITETRANSPARENT-color {
    background: #FFFFFF !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #f5f5f5 43.23%, #FFFFFF 93.23%) !important;
    border: 2px solid #e8e8e8 !important;
}

.Mattegold-filter:before,
.Mattegold-filter:after,
.Mattegold-color,
.MatteGold-filter:before,
.MatteGold-filter:after,
.MatteGold-color,
.MATTEGOLD-filter:before,
.MATTEGOLD-filter:after,
.MATTEGOLD-color {
    background: #D2BF37 !important;
}

.Mattblack-filter:before,
.Mattblack-filter:after,
.Mattblack-color,
.MattBlack-filter:before,
.MattBlack-filter:after,
.MattBlack-color,
.MATTBLACK-filter:before,
.MATTBLACK-filter:after,
.MATTBLACK-color,
.Matteblack-filter:before,
.Matteblack-filter:after,
.Matteblack-color,
.MatteBlack-filter:before,
.MatteBlack-filter:after,
.MatteBlack-color,
.MATTEBLACK-filter:before,
.MATTEBLACK-filter:after,
.MATTEBLACK-color {
    background: #28282B !important;
}

.Darkslategrey-filter:before,
.Darkslategrey-filter:after,
.Darkslategrey-color,
.DarkSlateGrey-filter:before,
.DarkSlateGrey-filter:after,
.DarkSlateGrey-color,
.DARKSLATEGREY-filter:before,
.DARKSLATEGREY-filter:after,
.DARKSLATEGREY-color {
    background: #25383C !important;
}

.Darkcyan-filter:before,
.Darkcyan-filter:after,
.Darkcyan-color,
.DarkCyan-filter:before,
.DarkCyan-filter:after,
.DarkCyan-color,
.DARKCYAN-filter:before,
.DARKCYAN-filter:after,
.DARKCYAN-color {
    background: #008b8b !important;
}

.Dimgrey-filter:before,
.Dimgrey-filter:after,
.Dimgrey-color,
.DimGrey-filter:before,
.DimGrey-filter:after,
.DimGrey-color,
.DIMGREY-filter:before,
.DIMGREY-filter:after,
.DIMGREY-color {
    background: #696969 !important;
}

.Brown-filter:before,
.Brown-filter:after,
.Brown-color {
    background: linear-gradient(132.17deg, #2B0E00 -26.24%, #A2774C 34.4%, #2D1002 91.75%) !important;
}

.Burgundy-filter:before,
.Burgundy-filter:after,
.Burgundy-color,
.Burgandy-filter:before,
.Burgandy-filter:after,
.Burgandy-color {
    background: #800020 !important;
}

.Gold-filter:before,
.Gold-filter:after,
.Gold-color,
.Golden-filter:before,
.Golden-filter:after,
.Golden-color {
    background: linear-gradient(132.17deg, #A6852E -15.03%, #D6BB59 34.4%, #B59235 76.59%) !important;
}

.Darkgolden-filter:before,
.Darkgolden-filter:after,
.Darkgolden-color {
    background: #AA6C39 !important;
}

.Aqua-filter:before,
.Aqua-filter:after,
.Aqua-color {
    background: linear-gradient(132.17deg, #03A7B3 -17.67%, #04BECA 34.4%, #006F76 76.59%) !important;
}

.Beige-filter:before,
.Beige-filter:after,
.Beige-color {
    background: linear-gradient(132.17deg, #DCBFA6 -18.99%, #F0C9A8 34.4%, #DCBFA6 76.59%) !important;
}

.Hazel-filter:before,
.Hazel-filter:after,
.Hazel-color {
    background: linear-gradient(132.17deg, #C9C789 -18.99%, #DFDD9F 34.4%, #C9C789 76.59%) !important;
}

.Tortoise-filter:before,
.Tortoise-filter:after,
.Tortoise-color {
    background: url(https://oswal-static.s3.ap-south-1.amazonaws.com/shared/images/listing/Tortoise.jpg) center no-repeat !important;
}

.Striped-filter:before,
.Striped-filter:after,
.Striped-color {
    background-image: url(https://oswal-static.s3.ap-south-1.amazonaws.com/shared/images/listing/Striped.jpg) !important;
    background-size: 18px 18px;
}

.Blue-filter:before,
.Blue-filter:after,
.Blue-color {
    background: linear-gradient(132.17deg, #22618D 18.78%, #063263 42.08%, #024477 57.48%, #126AA0 78.52%) !important;
}

.Sapphire-filter:before,
.Sapphire-filter:after,
.Sapphire-color {
    background: linear-gradient(58.67deg, #0B1364 4.49%, #0421B2 33.02%, #0A22B4 57.32%, #130454 106.22%) !important;
}

.Havana-filter:before,
.Havana-filter:after,
.Havana-color {
    background: linear-gradient(58.13deg, #3B2B2C -24.6%, #776364 29.23%, #3B2B2C 88.26%, #3B2B2C 147.46%) !important;
}

.Wine-filter:before,
.Wine-filter:after,
.Wine-color {
    background: linear-gradient(58.13deg, #4E032A 7.01%, #64133D 29.23%, #64143D 58.38%, #4E032A 78.76%) !important;
}

.Red-filter:before,
.Red-filter:after,
.Red-color {
    background: linear-gradient(58.13deg, #E40E0E 7.01%, #DC2E2E 36.25%, #DE3030 58.38%, #CC0E0E 78.76%) !important;
}

.Lemon-filter:before,
.Lemon-filter:after,
.Lemon-color {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%) !important;
}

.Amethyst-filter:before,
.Amethyst-filter:after,
.Amethyst-color {
    background: linear-gradient(180deg, #9966CC 0%, #9F60DE 100%) !important;
}

.Golf-filter:before,
.Golf-filter:after,
.Golf-color {
    background: linear-gradient(180deg, #5A9E4B 0%, #458E35 100%) !important;
}

.Grey-filter:before,
.Grey-filter:after,
.Grey-color {
    background: linear-gradient(180deg, #808080 0%, #5D5F5D 100%) !important;
}

.Purple-filter:before,
.Purple-filter:after,
.Purple-color {
    background: linear-gradient(180deg, #800080 0%, #700770 100%) !important;
}

.Honey-filter:before,
.Honey-filter:after,
.Honey-color {
    background: linear-gradient(180deg, #784628 0%, #AF7B51 47.4%, #683617 100%) !important;
}

.Silver-filter:before,
.Silver-filter:after,
.Silver-color,
.Silkywhite-filter:before,
.Silkywhite-filter:after,
.Silkywhite-color,
.SilkyWhite-filter:before,
.SilkyWhite-filter:after,
.SilkyWhite-color {
    background: conic-gradient(from 180deg at 50% 50%, #CAC1C1 0deg, #E6E6E6 170.63deg, #C2C2C2 360deg) !important;
}

.Maroon-filter:before,
.Maroon-filter:after,
.Maroon-color {
    background: linear-gradient(169.54deg, #690C15 -14.87%, #A6202D 52.36%, #690C15 126.98%) !important;
}

.Mint-filter:before,
.Mint-filter:after,
.Mint-color,
.Mintgreen-filter:before,
.Mintgreen-filter:after,
.Mintgreen-color {
    background: linear-gradient(169.54deg, #98FF98 -14.87%, #F3FFF9 52.36%, #79F58A 126.98%) !important;
}

.Violet-filter:before,
.Violet-filter:after,
.Violet-color {
    background: linear-gradient(169.54deg, #8921F1 -14.87%, #9C3AFF 52.36%, #7B18DF 126.98%) !important;
}

.Graphite-filter:before,
.Graphite-filter:after,
.Graphite-color {
    background: linear-gradient(169.54deg, #353535 -14.87%, #4B4B4B 52.36%, #353535 126.98%) !important;
}

.Smoke-filter:before,
.Smoke-filter:after,
.Smoke-color {
    background: linear-gradient(180deg, #515354 0, #718184 43.23%, #d2d2d2 93.23%) !important;
}

.Cream-filter:before,
.Cream-filter:after,
.Cream-color {
    background: linear-gradient(169.54deg, #F6EFE2 -14.87%, #F4EFE5 52.36%, #F3ECDE 126.98%) !important;
}

.Ivory-filter:before,
.Ivory-filter:after,
.Ivory-color {
    background: #ffbf00 !important;
}

.Indigo-filter:before,
.Indigo-filter:after,
.Indigo-color,
.INDIGO-filter:before,
.INDIGO-filter:after,
.INDIGO-color {
    background: #4B0082 !important;
}

.Lavender-filter:before,
.Lavender-filter:after,
.Lavender-color {
    background: #C079D9 !important;
}

.Lilac-filter:before,
.Lilac-filter:after,
.Lilac-color {
    background: #DC92EF !important;
}

.Lion-filter:before,
.Lion-filter:after,
.Lion-color {
    background: #b48648 !important;
}

.Lime-filter:before,
.Lime-filter:after,
.Lime-color {
    background: #00FF00 !important;
}

.Camel-filter:before,
.Camel-filter:after,
.Camel-color {
    background: linear-gradient(169.54deg, #C19A6B -14.87%, #DAAE79 52.36%, #C19A6B 126.98%) !important;
}

.Leopard-filter:before,
.Leopard-filter:after,
.Leopard-color,
.Leopardprint-filter:before,
.Leopardprint-filter:after,
.Leopardprint-color {
    background: url(https://oswal-static.s3.ap-south-1.amazonaws.com/shared/images/listing/Leapord.jpg) center no-repeat !important;
}

.Airforce-filter:before,
.Airforce-filter:after,
.Airforce-color {
    background: #5F8AA8 !important;
}

.Copper-filter:before,
.Copper-filter:after,
.Copper-color {
    background: #B87333 !important;
}

.Armygreen-filter:before,
.Armygreen-filter:after,
.Armygreen-color {
    background: #4B5320 !important;
}

.Greenyellow-filter:before,
.Greenyellow-filter:after,
.Greenyellow-color {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%) !important;
}

.Goldandbrown-filter:before,
.Goldandbrown-filter:after,
.Goldandbrown-color {
    background: linear-gradient(180deg, #FFD701 3.94%, #A52A2A 96.81%) !important;
}

.Mattemidnightblue-filter:before,
.Mattemidnightblue-filter:after,
.Mattemidnightblue-color {
    background: #191970 !important;
}

.Purpletransparent-filter:before,
.Purpletransparent-filter:after,
.Purpletransparent-color {
    background: linear-gradient(180deg, #fff 0, #A020F0 43.23%, #fff 93.23%) !important;
}

.Greentransparent-filter:before,
.Greentransparent-filter:after,
.Greentransparent-color {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%) !important;
}

.Lightpink-filter:before,
.Lightpink-filter:after,
.Lightpink-color {
    background: #ff007f !important;
}

.Lightgreen-filter:before,
.Lightgreen-filter:after,
.Lightgreen-color {
    background: #90EE90 !important;
}

.Lightburgundy-filter:before,
.Lightburgundy-filter:after,
.Lightburgundy-color {
    background: rgba(128, 0, 32, 0.74) !important;
}

.Cyan-filter:before,
.Cyan-filter:after,
.Cyan-color {
    background: #00FFFF !important;
}

.Teal-filter:before,
.Teal-filter:after,
.Teal-color {
    background: #008080 !important;
}

.Rosybrown-filter:before,
.Rosybrown-filter:after,
.Rosybrown-color {
    background: #BC8F8F !important;
}

.Darkseagreen-filter:before,
.Darkseagreen-filter:after,
.Darkseagreen-color {
    background: #8FBC8F !important;
}

.Aquamarine-filter:before,
.Aquamarine-filter:after,
.Aquamarine-color {
    background: #7FFFD4 !important;
}

.Sienna-filter:before,
.Sienna-filter:after,
.Sienna-color {
    background: #E97451 !important;
}

.Tanblue-filter:before,
.Tanblue-filter:after,
.Tanblue-color {
    background: #96B9D0 !important;
}

.Mustardyellow-filter:before,
.Mustardyellow-filter:after,
.Mustardyellow-color {
    background: #FFDB58 !important;
}

.Orangetransparent-filter:before,
.Orangetransparent-filter:after,
.Orangetransparent-color {
    background: linear-gradient(180deg, #fff 0, #FFA500 43.23%, #fff 93.23%) !important;
}

.Pinktransparent-filter:before,
.Pinktransparent-filter:after,
.Pinktransparent-color {
    background: linear-gradient(180deg, #fff 0, #FFC0CB 43.23%, #fff 93.23%) !important;
}

.Yellowtransparent-filter:before,
.Yellowtransparent-filter:after,
.Yellowtransparent-color {
    background: linear-gradient(180deg, #fff 0, #FFFF00 43.23%, #fff 93.23%) !important;
}

.Satinlightgold-filter:before,
.Satinlightgold-filter:after,
.Satinlightgold-color {
    background: #cba135 !important;
}

.Babypink-filter:before,
.Babypink-filter:after,
.Babypink-color {
    background: #FFC0CB !important;
}

.Tealgreen-filter:before,
.Tealgreen-filter:after,
.Tealgreen-color {
    background: #006D5B !important;
}

.Peachtransparent-filter:before,
.Peachtransparent-filter:after,
.Peachtransparent-color {
    background: linear-gradient(180deg, #fff 0, #FFE5B4 43.23%, #fff 93.23%) !important;
}

.Darkpurple-filter:before,
.Darkpurple-filter:after,
.Darkpurple-color {
    background: #4B0150 !important;
}

.Pastelpurple-filter:before,
.Pastelpurple-filter:after,
.Pastelpurple-color {
    background: #F2A2E8 !important;
}

.Blackgrey-filter:before,
.Blackgrey-filter:after,
.Blackgrey-color {
    background: #5A5A5A !important;
}

.Blueandyellow-filter:before,
.Blueandyellow-filter:after,
.Blueandyellow-color {
    background: linear-gradient(180deg, #0000FF 3.94%, #FFFF00 96.81%) !important;
}

.Cedarbrawn-filter:before,
.Cedarbrawn-filter:after,
.Cedarbrawn-color {
    background: #5E5042 !important;
}

.Mutedlightorange-filter:before,
.Mutedlightorange-filter:after,
.Mutedlightorange-color {
    background: #EB9C5C !important;
}

.Darkblue-filter:before,
.Darkblue-filter:after,
.Darkblue-color {
    background: #00008B !important;
}

.Goldandred-filter:before,
.Goldandred-filter:after,
.Goldandred-color {
    background: linear-gradient(180deg, #AA6C39 0%, #F00E0E 100%) !important;
}

.Mattblue-filter:before,
.Mattblue-filter:after,
.Mattblue-color {
    background: #0000FF !important;
}

.Darkpink-filter:before,
.Darkpink-filter:after,
.Darkpink-color {
    background: #E75480 !important;
}

.Silverpink-filter:before,
.Silverpink-filter:after,
.Silverpink-color {
    background: #C4AEAD !important;
}

.Yellow-filter:before,
.Yellow-filter:after,
.Yellow-color {
    background: linear-gradient(180deg, #F4D03C 0%, #F2DD22 100%) !important;
}

.Berry-filter:before,
.Berry-filter:after,
.Berry-color {
    background: linear-gradient(169.54deg, #571C3C -14.87%, #7A1E47 52.36%, #9C2052 126.98%) !important;
}

.White-filter:before,
.White-filter:after,
.White-color {
    background: linear-gradient(180deg, #F1F1F1 0%, rgba(255, 255, 255, 0.29) 46.35%, #EEEEEE 100%) !important;
    border: 2px solid #e8e8e8 !important;
}

.Green-filter:before,
.Green-filter:after,
.Green-color {
    background: linear-gradient(178.26deg, #357061 22.14%, #306759 53.26%, #47786B 98.52%, #4C7B6F 98.53%) !important;
}

.Pink-filter:before,
.Pink-filter:after,
.Pink-color {
    background: linear-gradient(146.61deg, #F981BD 10.64%, #FE97CB 38.13%, #FF84C1 56.24%, #FF69B4 80.13%) !important;
}

.Pistachio-filter:before,
.Pistachio-filter:after,
.Pistachio-color {
    background: #93C572 !important;
}

.Plum-filter:before,
.Plum-filter:after,
.Plum-color {
    background: #673147 !important;
}

.Puma-filter:before,
.Puma-filter:after,
.Puma-color {
    background: #ae946d !important;
}

.Sapphire-filter:before,
.Sapphire-filter:after,
.Sapphire-color {
    background: #2554C7 !important;
}

.Tan-filter:before,
.Tan-filter:after,
.Tan-color {
    background: #D2B48C !important;
}

.Yellow-filter:before,
.Yellow-filter:after,
.Yellow-color {
    background: #FFFF00 !important;
}

.Floral-filter:before,
.Floral-filter:after,
.Floral-color {
    background: url(https://oswal-static.s3.ap-south-1.amazonaws.com/shared/images/listing/Floral.jpg) center no-repeat !important;
}

.Orange-filter:before,
.Orange-filter:after,
.Orange-color {
    background: linear-gradient(146.61deg, #D35F30 10.64%, #D35F30 38.13%, #D9764E 56.24%, #D87046 80.13%) !important;
}

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


.BabyPink-color {
    background: #F4C2C2;
}

.ArmyGreen-color {
    background: #4B5320;
}



.BalckAndRed-color {
    background: linear-gradient(90deg, #000000, #FF0000);
}

.BlackGold-color {
    background: linear-gradient(90deg, #000000 0%, #D4AF37 100%);

}

.BlackGrey-color {
    background: linear-gradient(90deg, #000000 0%, #C0C0C0 100%);
}

.Black\&Gold-color {
    background: linear-gradient(90deg, #000000 0%, #D4AF37 100%);

}

.BlueBrown-color {
    background: linear-gradient(90deg, #1E3A8A, #8B4513);

}

.BrownAndGold-color {
    background: linear-gradient(90deg, #8B4513, #D4AF37);
}

.BrownPink-color {
    background: linear-gradient(90deg, #6F4E37, #FFC0CB);

}


.Brown\&Blue-color {
    background: linear-gradient(90deg, #4E342E, #1E3A8A);
}

.DarkBlue-color {
    background-color: #000080;
}

.DarkPink-color {
    background-color: #C71585;
}


.DarkPurple-color {
    background-color: #301934;
}

.DarkSeaGreen-color {
    background: linear-gradient(90deg, #8FBC8F, #FFFFFF);

}

.GoldAndBlack-color {
    background: linear-gradient(90deg, #FFD700, #000000);

}

.GoldAndBrown-color {
    background: linear-gradient(90deg, #FFD700, #8B4513);

}

.GreenTransparent-color {
    background-color: rgba(0, 128, 0, 0.5);


}

.GreyBlack-color {
    background: linear-gradient(90deg, #808080, #000000);

}

.GunMetal-color {
    background: linear-gradient(90deg, #2a3439, #1c1c1c);

}

.LightGreen-color {
    background: linear-gradient(90deg, #90EE90, #FFFFFF);

}

.LightPink-color {
    background: linear-gradient(90deg, #FFB6C1, #FFFFFF);

}

.MattBlue-color {
    background: linear-gradient(90deg, #5B7FA3, #FFFFFF);
}

.BlackAndRed-color {
    background: linear-gradient(90deg, #000000, #FF0000);
}