.p_9_s223{ .footerMain {
  background-color: var(--themeBg1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footerLinkGrid {
  grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
}

.footerLinkMainSec {
  padding: 50px 0px 30px;
  border-bottom: 1px solid #3f3c3c;
}

.footerLogo img {
  width: 150px;
}

.footerLogo {
  margin-bottom: 25px;
  line-height: 0px;
}

.footerAbout {
  color: var(--paragraphColorBlack);
  font-size: 14px;
  line-height: 24px;
}

.footerHead {
  color: var(--headingColor1);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}

.footerInfoGrid {
  grid-template-columns: 50px 1fr;
}

.footerInfoIcon {
  width: 50px;
  height: 50px;
  background-color: var(--themeBg2);
  border-radius: 50%;
}

.footerInfoIcon i {
  color: var(--paragraphColorBlack);
}

.footerInfoText a {
  color: var(--anchorColor);
  font-size: 14px;
  line-height: 24px;
  transition: 0.3s;
}

.footerInfoText a:hover {
  color: var(--anchorColorHover);
}

.footerInfoCard.footerBorder {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #3f3c3c;
}

.footerExLinkSec .footerUlLinks {
  list-style: none;
}

.footerExLinkSec .footerUlLinks .footerLiLinks {
  margin-bottom: 10px;
}

.footerExLinkSec .footerUlLinks .footerLiLinks a {
  color: var(--anchorColor);
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  transition: 0.3s;
}

.footerExLinkSec .footerUlLinks .footerLiLinks a:hover {
  color: var(--anchorColorHover);
}

.copyRightMainSec {
  padding: 10px 0px;
}

.socialText {
  color: var(--paragraphColorBlack);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.socialLinksMain {
  flex-wrap: wrap;
}

.socialLinks {
  width: 35px;
  height: 35px;
  background-color: var(--themeColor1);
  border-radius: 50%;
  transition: 0.3s;
}

.socialLinks i {
  color: var(--paragraphColorBlack);
  transition: 0.3s;
}

.socialLinks:hover {
  background-color: var(--btnHoverColor);
}

.socialLinks:hover i {
  color: var(--btnHoverTextColor);
}

.footerCopyText {
  color: var(--paragraphColorBlack);
  font-size: 14px;
  line-height: 24px;
}

.footerCopyText a {
  color: var(--themeColor1);
  transition: 0.3s;
}

.footerCopyText a:hover {
  color: var(--anchorColorHover);
}

@media only screen and (max-width: 900px) {
  .footerLinkGrid {
    grid-template-columns: 1fr 1fr;
  }

  .subsCusGrid {
    grid-template-columns: 1fr;
  }

  .subsHead {
    font-size: 30px;
    line-height: 40px;
  }

  .subsInputGrid {
    grid-template-columns: 1fr;
  }

  .subsInput input {
    border-radius: 40px;
    margin-bottom: 20px;
  }

  .subsInput input {
    padding: 0px 20px;
  }

  .subsBtn {
    width: 200px;
    height: 70px;
    border-radius: 40px;
    margin: 0 auto;
  }

  .footerLinkGrid {
    grid-template-columns: 1fr;
  }

  .copyRightMainSec .justifyBetween {
    flex-direction: column;
    justify-content: center;
  }

  .subsHead {
    font-size: 25px;
  }

  .subsPara {
    font-size: 14px;
  }

  .footerAbout,
  .footerLinks,
  .footerInfoSec,
  .copyInnerSec {
    text-align: center;
  }

  .footerInfoTextSec {
    text-align: left;
  }
}
 }.p_9_s223{ @media only screen and (max-width: 900px) { background-attachment:scroll;  } }.p_9_s247{ .stargas_popup_form {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999999;
  top: 0px;
  left: 0px;
}
.popUpInner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.formSec {
  padding: 20px;
  border-radius: 10px;
  background-color: #fffdf8;
  max-width: 500px;
  width: 95%;
}
.formHeader {
  display: grid;
  grid-template-columns: 1fr 40px;
  gap: 10px;
  margin-bottom: 20px;
}
.formHeading {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.formPara {
  font-size: 12px;
  line-height: 20px;
  color: rgb(210, 0, 0);
  font-weight: 500;
}
.crossForm {
  width: 40px;
  height: 40px;
  background-color: #f4cd1a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 10px;
  cursor: pointer;
}
.inputMain {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.formLabel {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 2px;
}
.inputCardSec input,
.inputCardSec textarea {
  width: calc(100% - 20px);
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  resize: vertical;
}
.inputCardSec select {
  width: 100%;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.magBot10 {
  margin-bottom: 10px;
}
.btnSec {
  text-align: center;
}
.btn {
  background-color: #f4cd1a;
  color: #fff;
  font-size: 15px;
  padding: 10px 20px;
  border: none;
  border-radius: 40px;
  font-weight: 600;
  margin-top: 10px;
  cursor: pointer;
}
.leftSec {
  text-align: center;
}
.formLabel span {
  color: red;
}

/* Image PopUp */
.imgPopUp {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99999;
  top: 0px;
  left: 0px;
}

.popUpImgMain {
  max-width: 450px;
  max-height: 600px;
  height: 95%;
  width: 95%;
  position: relative;
}

.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imgCross {
  width: 40px;
  height: 40px;
  background-color: #f4cd1a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 10px;
  cursor: pointer;
}

.imgCross {
  top: -45px;
  right: -45px;
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 900px) {
  .imgCross {
    top: 10px;
    right: 10px;
  }
}
 }.p_9_s247{ @media only screen and (max-width: 900px) { background-attachment:scroll;  } }