/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./components/footer/src/footer.scss ***!
  \**************************************************************************************************************************************************************************************************/
.footer {
  --footerTop-padding: 10rem;
  --footerMiddle-padding: 14rem;
  --footerBottom-padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .footer {
    --footerMiddle-padding: 4rem;
  }
}
.footer .details.item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .details .contactdetails {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .details .contactdetails a:hover {
  background: linear-gradient(90deg, var(--themecolor), var(--themecolor2));
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.footer .details .h5 {
  margin-bottom: 1rem;
}
.footer #footerTop, .footer #footerMiddle, .footer #footerBottom {
  max-width: var(--max-width);
  margin-inline: auto;
  width: 100%;
  padding-left: calc(var(--container-margin, 6.25rem) * 0.5);
  padding-right: calc(var(--container-margin, 6.25rem) * 0.5);
}
.footer #footerTop {
  padding: var(--footerTop-padding) 0;
}
.footer #footerMiddle {
  padding: var(--footerMiddle-padding) 0;
  max-width: var(--max-container);
  margin-inline: auto;
}
.footer #footerMiddle .container {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .footer #footerMiddle .container {
    flex-wrap: wrap;
  }
}
.footer #footerMiddle .container > * {
  display: flex;
  flex-direction: column;
}
.footer #footerMiddle .container > .left {
  margin-right: 8rem;
  gap: 8rem;
  padding-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .footer #footerMiddle .container > .left {
    width: 50%;
    margin: 0;
    padding: 0;
    gap: 2rem;
  }
}
.footer #footerMiddle .container > .middle {
  gap: 1rem;
  padding-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .footer #footerMiddle .container > .middle {
    padding: 0;
  }
}
.footer #footerMiddle .container > .right {
  flex: 1;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .footer #footerMiddle .container > .right {
    align-items: flex-start;
    margin-top: 3rem;
  }
}
.footer #footerMiddle .container > .right nav {
  font-size: 5rem;
  font-weight: bold;
  color: white;
}
.footer #footerMiddle .container > .right nav > ul {
  flex-direction: column;
}
.footer #footerBottom {
  padding: var(--footerBottom-padding) 0;
  border-top: 1px solid var(--border);
}
.footer #footerBottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer #footerBottom nav {
  margin-top: 0;
}

/*# sourceMappingURL=footer.css.map*/