.Product_Card{ .pCard { background-color: var(--themeBg2); border-radius: 20px; overflow: hidden; } .pCard a { display: block; } .imgSec { line-height: 0px; aspect-ratio: 3/2; overflow: hidden; } .imgSec img { transition: 0.3s; } .pCard:hover .imgSec img { transform: scale(1.05) rotate(-2deg); } .pTextSec { padding: 20px; } .cardHead { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px; color: var(--headingColor1); transition: 0.3s; } .pCard:hover .cardHead { color: var(--themeColor1); } .cardPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-weight: 400; } .arrow { width: 40px; height: 40px; background-color: var(--btnColor); border-radius: 50%; transform: rotate(-20deg); transition: 0.3s; } .arrow i { color: var(--btnTextColor); } .pCard:hover .arrow { transform: rotate(0deg); } .btnSec { padding: 10px 20px; border-top: 1px solid #ebebeb; } .priceRange { font-size: 16px; color: var(--paragraphColorBlack); font-weight: 500; transition: 0.3s; } .pCard:hover .priceRange { letter-spacing: 1px; color: var(--themeColor1); } }.Product_Card{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }