@import "../util/util.css";
.footer {
  background-color: var(--secondary--background);
  box-sizing: border-box;
  color: var(--white-color);
}

.footer {
  position: relative;
  /* z-index: 1; */
}
.footer:before {
  background: inherit;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.footer:before {
  top: 0;
  transform: skewY(-1.5deg);
  transform-origin: 0 0;
}

.footerCenter a {
  color: var(--white-color);
  font-size: var(--font-xs);
  line-height: 2rem;
  text-decoration: none;
  font-weight: lighter;
}
.footer__second__row {
  background-color: var(--secondary--background--footer);
  opacity: 0.3;
  padding-top: var(--padding-xxs);
}
.footer__left__paragraph {
  padding-left: var(--padding-xxxxl);
  padding-right: var(--padding-xxxxl);
}
/* .footer_sideDiv {
  background-image: url("../../img/header section/img1.png");
} */
.footer__image {
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.footer__heading {
  color: var(--primary--element);
  font-weight: 700;
  font-size: var(--font-md);
}
.footer__heading__second {
  color: var(--white-color);
  font-size: var(--font-xs);
  line-height: var(--line-height-sm);
  font-weight: 700;
}
.footer__subHeading {
  color: rgba(255, 255, 255, 0.603);
  font-size: var(--font-xs);
  line-height: 1.5rem;
}
.footer .fa {
  color: var(--primary--element);
  background-color: var(--secondary--background);
  border-radius: 50px;
  font-size: var(--font-sm);
  margin-top: var(--margin-xxs);
}