.footer {
  padding-top: clamp(25px, 28 * (100vw - 375px) / 905 + 25px, 53px);
  padding-bottom: clamp(33px, 5 * (100vw - 375px) / 905 + 33px, 38px);
  background-color: var(--color-dark);
  position: relative;
}
.footer:before {
  content: "";
  position: absolute;
  bottom: 92px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgb(42, 42, 42);
}
.footer > .container > .row:first-child {
  padding-bottom: clamp(60px, 48 * (100vw - 375px) / 905 + 60px, 108px);
}
.footer .header-logo {
  margin-bottom: clamp(23px, 40px - (17) * (100vw - 375px) / 905, 40px);
  display: inline-block;
}
.footer .content {
  font-family: var(--font-rubik);
  font-size: clamp(14px, 2 * (100vw - 375px) / 905 + 14px, 16px);
  line-height: 160%;
  color: rgb(229, 229, 229);
  margin-bottom: clamp(30px, 13 * (100vw - 375px) / 905 + 30px, 43px);
  width: 367px;
  max-width: 100%;
}
.footer .footer-social {
  gap: 10px;
  align-items: center;
}
.footer .footer-social .text {
  font-family: var(--font-rubik);
  font-size: clamp(14px, 2 * (100vw - 375px) / 905 + 14px, 16px);
  line-height: 160%;
  color: rgb(229, 229, 229);
}
.footer .footer-social a svg path {
  transition: fill var(--transition), stroke var(--transition);
}
.footer .footer-social a.facebook:hover svg path {
  fill: var(--color-yellow);
}
.footer .footer-social a.instagram:hover svg path {
  stroke: var(--color-yellow);
}
.footer .footer-social a.youtube:hover svg path:first-child {
  stroke: var(--color-yellow);
  fill: var(--color-yellow);
}
.footer .footer-column .footer-title {
  font-family: var(--font-manrope);
  font-weight: 600;
  font-size: clamp(21px, 3 * (100vw - 375px) / 905 + 21px, 24px);
  line-height: 140%;
  color: rgb(255, 255, 255);
  margin-bottom: 32px;
}
.footer .footer-column ul.menu li {
  margin-bottom: 20px;
}
.footer .footer-column ul.menu li:last-child {
  margin-bottom: 0;
}
.footer .footer-column ul.menu li a {
  font-family: var(--font-rubik);
  font-size: clamp(14px, 2 * (100vw - 375px) / 905 + 14px, 16px);
  line-height: 160%;
  color: rgb(229, 229, 229);
  transition: color var(--transition);
}
.footer .footer-column ul.menu li a:hover {
  color: var(--color-yellow);
}
.footer .copyright {
  font-family: var(--font-rubik);
  font-size: 14px;
  line-height: 160%;
  color: rgb(125, 125, 125);
}
.footer .bottom-menu ul {
  display: flex;
  gap: 20px;
}
.footer .bottom-menu ul li {
  position: relative;
  display: block;
}
.footer .bottom-menu ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: rgb(125, 125, 125);
}
.footer .bottom-menu ul li a {
  font-family: var(--font-rubik);
  font-size: 14px;
  line-height: 160%;
  color: rgb(125, 125, 125);
  text-decoration: underline;
}
.footer .developer {
  font-family: var(--font-rubik);
  font-size: 14px;
  line-height: 160%;
  color: rgb(125, 125, 125);
}
.footer .developer a {
  color: rgb(125, 125, 125);
}

.popup-shadow {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.popup-shadow.opened {
  z-index: 100;
  opacity: 1;
  pointer-events: all;
}
.popup-shadow .popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1280px;
  max-width: calc(100% - 24px);
  box-shadow: 0px 20px 24px 0px rgba(0, 0, 0, 0.08);
  background-color: var(--color-yellow);
  border-radius: 15px;
  text-align: center;
  padding: clamp(30px, 30 * (100vw - 375px) / 905 + 30px, 60px);
}
.popup-shadow .popup .icon {
  margin: 0 auto clamp(30px, 20 * (100vw - 375px) / 905 + 30px, 50px);
  width: clamp(150px, 80 * (100vw - 375px) / 905 + 150px, 230px);
}
.popup-shadow .popup .icon svg {
  max-width: 100%;
  height: auto;
}
.popup-shadow .popup .title {
  font-family: var(--font-manrope);
  font-weight: 600;
  font-size: clamp(44px, 12 * (100vw - 375px) / 905 + 44px, 56px);
  line-height: 140%;
  margin-bottom: 20px;
  color: black;
}
.popup-shadow .popup .sub-title {
  font-family: var(--font-manrope);
  font-weight: 700;
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  line-height: 130%;
  color: black;
  margin-bottom: 10px;
}
.popup-shadow .popup .content {
  font-family: var(--font-manrope);
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  line-height: 130%;
  color: black;
  margin-bottom: clamp(30px, 15 * (100vw - 375px) / 905 + 30px, 45px);
}
.popup-shadow .popup .button-wrap a {
  display: inline-block;
}

@media all and (max-width: 991px) {
  .footer:before {
    display: none;
  }
  .footer .header-logo {
    margin-left: auto;
    margin-right: auto;
    width: 395px;
    max-width: 100%;
    display: block;
  }
  .footer .content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .footer .footer-social {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 100px;
  }
  .footer .footer-social .text {
    margin-bottom: 24px;
  }
  .footer .copyright {
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid rgb(42, 42, 42);
    padding-top: 30px;
    margin-bottom: 30px;
  }
  .footer .bottom-menu ul {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    justify-content: center;
  }
  .footer .bottom-menu ul li:first-child:before {
    display: none;
  }
  .footer .developer {
    text-align: center;
  }
  .footer > .container > .row:first-child {
    padding-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .footer .footer-column {
    text-align: center;
    margin-bottom: 45px;
  }
  .footer .footer-social {
    margin-top: 55px;
  }
}
/*# sourceMappingURL=footer.css.map */