.p_3_s148{ .contact_section_2 { padding: 80px 0px; } .smallHead { font-size: 16px; font-weight: 400; line-height: 25px; } .mainHeading { color: var(--headingColor1); font-size: 48px; font-weight: 700; line-height: 58px; margin: 10px 0px 15px; } .subPara { font-size: 16px; color: var(--paragraphColorBlack); margin-bottom: 30px; line-height: 25px; } .custInnerGrid { grid-template-columns: 56px 1fr; } .iconSec { width: 56px; height: 56px; border-radius: 5px; background-color: var(--themeColor1); } .iconSec i { color: var(--paragraphColorWhite); } .inCardHead { font-size: 18px; font-weight: 700; line-height: 28px; } .inCardPara a { color: var(--paragraphColorBlack); transition: 0.3s; } .inCardPara a:hover { color: var(--anchorColorHover); } .locMainSec { margin-top: 30px; } .socialLinks { width: 35px; height: 35px; background-color: var(--themeColor1); border-radius: 3px; transition: 0.3s; } .socialIconMain { flex-wrap: wrap; } .socialLinks i { color: var(--paragraphColorWhite); } .socialLinks:hover { background-color: var(--anchorColorHover); } .socialLinks:hover i { color: var(--btnHoverTextColor); } .socialLinksMain { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; } .conRight { border-radius: 10px; background-color: white; padding: 48px; box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1); } .conLeft { padding: 48px; } .inputSec input { width: -webkit-fill-available; padding: 15px 25px 15px 25px; border-radius: 5px; border: 1px solid #dadada; font-size: 16px; margin-bottom: 30px; outline: none; } .inputSec textarea { width: -webkit-fill-available; padding: 15px 25px 15px 25px; border-radius: 5px; border: 1px solid #dadada; font-size: 16px; resize: vertical; margin-bottom: 30px; outline: none; } .joinBtn { cursor: pointer; padding: 15px; font-size: 16px; background-color: var(--btnColor); border-radius: 5px; border: none; font-weight: 500; color: var(--btnTextColor); transition: 0.3s; } .joinBtn:hover { background-color: var(--btnHoverColor); } @media only screen and (max-width: 900px) { .contact_section_2 { padding: 40px 0px; } .conLeft { padding: 0px; } .conRight { padding: 30px; } .inputSec input, .inputSec textarea { margin-bottom: 10px; padding: 10px; } .formSec .gap20 { gap: 0px; } .iconSec { width: 40px; height: 40px; } .custInnerGrid { grid-template-columns: 40px 1fr; } .mainHeading { font-size: 30px; line-height: 40px; margin: 10px 0px; } } }.p_3_s148{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }