.p_37_s240{ .profile_section_3 { padding: 80px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: cover; } .gap5 { gap: 5px; } .uprSec { margin-bottom: 50px; } .mainHeading { font-size: 40px; line-height: 50px; font-weight: 600; color: var(--headingColor1); font-family: var(--hFont); } .subPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-weight: 400; } .cardSec { border-radius: 10px; padding: 20px; background-color: var(--themeBg2); border: 1px solid #efefef; overflow: hidden; transition: 0.3s; } .cardSec:hover { transform: translateY(-5px); } .cardGrid { grid-template-columns: 200px 1fr; } .cardImg { border-radius: 5px; overflow: hidden; line-height: 0px; aspect-ratio: 1/1; } .name { font-size: 20px; line-height: 20px; color: var(--headingColor1); font-weight: 600; font-family: var(--hFont); margin-bottom: 10px; } .cardInfo { font-size: 14px; line-height: 24px; color: var(--paragraphColorBlack); } .cardInfo span { font-weight: 600; } .btnSec { margin-top: 20px; } .btn { width: 100%; background-color: var(--btnColor); color: var(--btnTextColor); font-size: 14px; font-weight: 500; padding: 10px 15px; border: 1px solid transparent; border-radius: 5px; cursor: pointer; } .btn1 { background-color: transparent; border: 1px solid var(--btnColor); color: var(--btnColor); transition: 0.3s; } .btn1:hover { background-color: var(--btnColor); color: var(--btnTextColor); } .btn2 { transition: 0.3s; } .btn2:hover { background-color: transparent; border: 1px solid var(--btnColor); color: var(--btnColor); } .profile_section_3{ padding-top: 150px; } }.p_37_s240{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }