.p_35_s213{ .profile_page_1 { padding: 80px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: repeat; background-size: contain; } .custGrid { grid-template-columns: 1fr 400px; } .infoGrid { grid-template-columns: 250px 1fr; } .profileImg img { border-radius: 10px; } .name { font-weight: 800; font-family: var(--hFont); color: var(--headingColor1); font-size: 25px; line-height: 35px; margin-bottom: 20px; } .infoSec { margin-bottom: 50px; padding: 30px; box-shadow: 0px 0px 10px 5px #e9e9e959; border-radius: 20px; background-color: var(--themeBg2); background-position: center; background-repeat: no-repeat; background-size: cover; } .mainHeading { font-size: 25px; line-height: 35px; color: var(--headingColor1); font-family: var(--hFont); font-weight: 800; margin-bottom: 20px; } .subPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); } .connect { padding: 30px; box-shadow: 0px 0px 10px 5px #e9e9e959; border-radius: 20px; background-color: var(--themeBg2); } .connectGrid { grid-template-columns: 25px 1fr; } .iconSec { width: 20px; height: 20px; } .cardTime .iconSec{ margin-top: 3px; } .conPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-weight: 400; } .cardSec a { line-height: 0px; } .appointSec { position: relative; } .stickySec { position: sticky; top: 100px; } .appointForm { padding: 30px; box-shadow: 0px 0px 10px 5px #e9e9e959; border-radius: 20px; background-color: var(--themeBg2); } .labelSec { margin-bottom: -5px; padding: 5px; width: fit-content; background-color: var(--themeBg2); position: relative; } .cardUl { margin-left: 15px; } .labelSec label { font-size: 14px; } .labelSec label span { color: red; } .inputName { padding: 10px; gap: 10px; border: 1px solid rgb(173, 173, 173); border-radius: 10px; } .inputName input, .inputName textarea { outline: none; border: 0; width: -webkit-fill-available; resize: none; } .cardPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); margin-bottom: 5px; } .btn { width: -webkit-fill-available; padding: 10px; border: 2px solid var(--btnColor); color: var(--btnTextColor); background-color: var(--btnColor); cursor: pointer; border-radius: 8px; transition: 0.3s; } .btn:hover { background-color: transparent; color: var(--btnColor); } @media only screen and (max-width: 900px) { .profile_page_1 { padding: 40px 0px; } .custGrid { grid-template-columns: 1fr; } .infoGrid { grid-template-columns: 1fr; } .gap30 { gap: 20px; } .infoSec { padding: 20px; margin-bottom: 20px; } .connect { padding: 20px; } .appointForm { padding: 20px; } .btn { padding: 8px 10px; background-color: var(--btnColor); color: var(--btnTextColor); border: none; border-radius: 5px; font-size: 15px; line-height: 25px; font-weight: 500; } .mainHeading { font-size: 20px; line-height: 30px; margin-bottom: 10px; } } }.p_35_s213{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }