/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.main-content.layout {
  width: 82.8%;
  margin: 205px auto 601px;
}
@media (max-width: 1199px) {
  .main-content.layout {
    width: 86.52%;
  }
}
@media (max-width: 991px) {
  .main-content.layout {
    width: 89.54%;
  }
}
@media (max-width: 767px) {
  .main-content.layout {
    width: 91.94%;
  }
}
@media (max-width: 575px) {
  .main-content.layout {
    width: 93.83%;
  }
}
@media (max-width: 479px) {
  .main-content.layout {
    width: 95.3%;
  }
}
@media (max-width: 383px) {
  .main-content.layout {
    width: 96.43%;
  }
}

.footer__container {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
  font-size: 94.12%;
}
.footer__container.layout {
  position: relative;
  min-height: 426px;
}
.footer__flex {
  display: flex;
  flex-direction: column;
}
.footer__flex.layout {
  position: relative;
  flex-grow: 1;
}
.footer__contents.layout {
  width: 82.8%;
  margin: 91px auto 7px;
}
.footer__flex-row {
  display: flex;
  flex-direction: row;
  position: relative;
}
@media (max-width: 991px) {
  .footer__flex-row {
    flex-wrap: wrap;
  }
}
.footer__flex-col {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  width: auto;
}
@media (max-width: 991px) {
  .footer__flex-col {
    flex: 0 0 calc(50% - 8px);
  }
}
@media (max-width: 767px) {
  .footer__flex-col {
    flex: 0 0 100%;
  }
}
.footer__section-header {
  font: 500 1.25em/1.87 "Roboto", Helvetica, Arial, serif;
  color: #393744;
  letter-spacing: 0.03px;
}
@media (max-width: 1199px) {
  .footer__section-header {
    font-size: 19px;
  }
}
@media (max-width: 991px) {
  .footer__section-header {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .footer__section-header {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .footer__section-header {
    font-size: 16px;
  }
}
.footer__section-header h3 {
  margin-bottom: 1em;
}
.footer__section-content {
  font: 1em/2 "Roboto", Helvetica, Arial, serif;
  color: #393744;
  letter-spacing: 0.08px;
  white-space: nowrap;
}
.footer__section-content p, .footer__section-content > p {
  margin-bottom: 1em;
}
.footer__flex-spacer {
  flex: 0 1 116px;
}
@media (max-width: 991px) {
  .footer__flex-spacer {
    display: none;
  }
}
.footer__section {
  flex: 1 0 auto;
  position: relative;
  overflow: visible;
  margin: 0;
}
.footer__button {
  background-color: rgb(157, 34, 252);
  color: rgb(242, 242, 242);
  border-width: 0px;
  border-radius: 5px 5px 5px 5px;
  padding: 0.25em 1em;
  cursor: pointer;
  text-decoration: none;
}
.footer__button:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0 0 0 2px rgb(157, 34, 252);
  color: rgb(157, 34, 252);
}
.footer__button:hover > span {
  color: rgb(157, 34, 252);
}
.footer__contact-text {
  display: flex;
  justify-content: center;
  font: 1em/2 "Roboto", Helvetica, Arial, serif;
  color: rgb(242, 242, 242);
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0px;
}
.footer__contact-text.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  min-width: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 9.5px 22px;
}
.footer__small-text-body {
  display: flex;
  justify-content: flex-end;
  font: 0.75em/2 "Roboto", Helvetica, Arial, serif;
  color: #393744;
  letter-spacing: 0px;
  text-align: right;
  letter-spacing: 0.05px;
}
.footer__small-text-body.layout {
  position: relative;
  margin: 69px 3px 0px;
}
.footer__link {
  color: inherit;
  text-decoration: none;
}
.footer__link:hover {
  color: rgb(157, 34, 252);
  text-decoration: none;
}