.Product_Card{ .innerCard { padding: 10px; border-radius: 10px; background-color: var(--themeBg2); transition: 0.5s; } .imgSec { border-radius: 5px; aspect-ratio: 1; overflow: hidden; line-height: 0px; margin-bottom: 10px; } .pName { font-size: 14px; line-height: 24px; color: var(--paragraphColorBlack); font-weight: 500; margin-bottom: 5px; } .disPrice { font-size: 18px; line-height: 28px; color: var(--paragraphColorBlack); font-weight: 600; } .mainPrice { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); text-decoration: line-through; } .tagsSec { margin-top: 10px; } .tags { padding: 0px 10px; background-color: var(--themeBg1); font-size: 12px; line-height: 22px; color: var(--paragraphColorBlack); border-radius: 4px; font-weight: 500; } .tags:nth-child(1) { background-color: rgba(210, 105, 30, 0.3); } .tags:nth-child(2) { background-color: rgba(137, 43, 226, 0.3); } .tags:nth-child(3) { background-color: rgba(192, 210, 30, 0.3); } .tags:nth-child(4) { background-color: rgba(30, 153, 210, 0.3); } @media only screen and (max-width: 900px) { .pName { font-size: 12px; line-height: 22px; margin-bottom: 0px; } .tagsSec { margin-top: 5px; } .disPrice { font-size: 15px; line-height: 25px; } .mainPrice { font-size: 13px; line-height: 23px; } .tagsSec .gap10 { gap: 5px; } .tags { padding: 0 5px; } } .imgSec{ aspect-ratio: 4/5.5; } }.Product_Card{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }