.p_37_s255{ .all_other_items { padding: 80px 0px; background-color: var(--themeBg1); } .cardSec { transform: scale(0.9); transition: 0.3s; } .cardSec:hover { transform: scale(1); } .imgSec { border-radius: 50%; overflow: hidden; } .blurImg { aspect-ratio: 1 / 1; filter: blur(100px); } .noBlurImg { aspect-ratio: 1 / 1; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cardTextSec { padding-top: 10px; } .cardHead { font-size: 18px; line-height: 28px; font-weight: 600; color: var(--headingColor1); font-family: var(--hFont); } .btn { width: fit-content; padding: 5px 10px; background-color: var(--btnColor); color: var(--btnTextColor); border: none; border-radius: 5px; font-weight: 600; cursor: pointer; transition: 0.3s; } .cardSec:hover .btn { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .uploadBtn { margin: 50px auto 0px; padding: 8px 15px 8px 8px; background-color: var(--btnColor); color: var(--btnTextColor); border-radius: 50px; border: none; cursor: pointer; font-weight: 600; font-size: 15px; } .icon { width: 35px; height: 35px; border-radius: 50%; background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .blurImg{ opacity: 0; } .imgSec{ background-color: var(--themeBg2); } @media only screen and (max-width: 900px){ .all_other_items{ padding: 40px 0px; } .grid6{ grid-template-columns: 1fr 1fr; gap: 10px } } }.p_37_s255{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }