.p_33_s248{ .service_section_26 {
  padding: 30px 0px;
  background-color: var(--themeBg1);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
}

.innerBox {
  padding: 50px 50px 80px 50px;
  background-color: var(--themeBg2);
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px #f9d9e5;
  margin-bottom: 30px;
}

.mainHeading {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 10px;
  font-family: var(--hFont);
  color: var(--headingColor1);
  font-weight: 700;
}

.cardSec {
  padding: 20px;
  border: 2px solid #dbdbdb;
  border-radius: 10px;
  transition: 0.3s;
}

.cardSec:hover {
  border-color: var(--themeColor1);
}

.cardHead {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: var(--hFont);
  color: var(--headingColor2);
}

.check {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background-color: var(--themeColor1);
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}

.check i {
  font-size: 25px;
  color: var(--paragraphColorWhite);
}

.cardSec:hover .check {
  opacity: 1;
}

.btn {
  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);
}

.subPara {
  font-size: 15px;
  color: var(--paragraphColorBlack);
  margin-bottom: 20px;
  margin-bottom: 50px;
}
.innerBox{
 padding: 30px;   
} }.p_33_s248{ @media only screen and (max-width: 900px) { background-attachment:scroll;  } }