.p_3_s231{ .contactMain { padding: 80px 0px; } .contactTextSection .cardInnerHeading { font-size: 25px; } .cardInnerHeading { font-weight: 600; } .benefitCard { padding: 20px 0px; border-bottom: 1px solid rgb(223, 223, 223); } .benefitCardGrid { grid-template-columns: 35px 1fr; } .fullMap { line-height: 0px; border-radius: 10px; overflow: hidden; } .benefitIconDiv { margin-top: 2px; width: 35px; height: 35px; background-color: var(--themeBg1); border-radius: 50%; } .benefitIconDiv i { color: white; } .contactFormSec { background-color: var(--themeColor1); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 10px; } .formInner { padding: 80px 0px; } .mainHeadingWhite { font-size: 45px; color: white; font-weight: 600; max-width: 1000px; } .conInputSec input { outline: none; width: 100%; border: none; background-color: transparent; padding: 10px 0px; margin-top: 20px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.9); } ::placeholder { color: rgba(255, 255, 255, 0.9); } .textArea textarea { outline: none; margin-top: 40px; background-color: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.9); font-size: 15px; } .mainBtn { margin-top: 20px; padding: 15px 30px; background-color: var(--btnColor); border: none; color: var(--btnTextColor); font-weight: 600; border-radius: 5px; transition: 0.4s; } .mainBtn:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .benefitSubHead { font-size: 15px; font-weight: 500; color: var(--headingColor1); } .mainSubParaBlack { margin-top: 8px; line-height: 20px; } .mainSubParaBlack a { color: var(--paragraphColorBlack); transition: 0.3s; } .mainSubParaBlack:hover a { color: var(--anchorColorHover); } .contactMain{ padding-top: 150px; } .marginTop{ margin-top: 30px; } .benefitIconDiv{ background-color: #f44336; } }.p_3_s231{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }