.Product_Card{ .product_card_14 { background-color: var(--themeBg2); border-radius: 10px; overflow: hidden; border: 1px solid #ccc; transition: 0.3s; } .product_card_14:hover { margin-top: -5px; } .imgSec { aspect-ratio: 1; line-height: 0px; } .pTextSec { padding: 20px; } .pName { font-size: 20px; line-height: 30px; color: var(--headingColor2); font-weight: 600; margin-bottom: 10px; } .pPriceText { font-size: 14px; font-weight: 400; color: #7b7b7b; } .disPrice .pPrice { font-size: 18px; font-weight: 600; color: var(--themeColor1); } .mainPrice .pPrice { font-size: 15px; color: #000; font-weight: 400; text-decoration: line-through; } .gap5 { gap: 5px; } .starSec { margin-top: 5px; } .starSec i { color: rgb(255, 196, 0); } .tagSec { top: 10px; left: 0px; } .featurePara { font-size: 12px; font-weight: 600; padding: 2px 6px; border-radius: 0px 5px 5px 0px; width: fit-content; background-color: var(--themeColor1); color: var(--paragraphColorWhite); } .cardBtn { padding: 8px 10px; background-color: var(--btnColor); color: var(--btnTextColor); border: none; margin-top: 20px; border-radius: 5px; text-align: center; font-size: 14px; font-weight: 600; transition: 0.3s; border: 2px solid var(--btnColor); } .product_card_14:hover .cardBtn { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .pName{ font-size: 18px; } .mainPrice{ display: none; } .disPrice{ display: none; } .product_card_14:hover .cardBtn{ background-color: #fff; color: #006a81; } .product_card_14{ background-color: #fff; border: 1px solid var(--themeColor); } .imgSec img{ object-fit: contain !important; width:100%; height: auto; } .imgSec{ aspect-ratio: auto } }.Product_Card{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }