.footer {
  --color-text-gray: #888;
  border-radius: 20px 20px 0 0;
  background: var(--color-bg-dark-2) url(../img/wave.svg) no-repeat bottom center/100% auto;
  color: #fff;
  padding: 65px 0 78px; }
  .footer__row {
    display: flex;
    gap: 50px; }
  .footer__col {
    flex: 1; }
  .footer-address {
    font-size: 14px; }
    .footer-address__metro {
      color: var(--color-text-gray);
      position: relative;
      padding-left: 16px;
      margin-top: 4px;
      font-size: 12px; }
      .footer-address__metro-mark {
        display: block;
        aspect-ratio: 1;
        width: 8px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 4px; }
  .footer__phone {
    display: block;
    font-size: 19px;
    margin-bottom: 14px; }
  .footer__socials {
    gap: 24px; }
  .footer__footer {
    padding-top: 45px;
    display: flex;
    align-items: center;
    font-size: 12px; }
    .footer__footer-link, .footer__footer-text {
      color: var(--color-text-gray); }
    .footer__footer-link {
      margin-right: 2em; }
      .footer__footer-link:hover {
        color: var(--color-accent); }
    .footer__footer-text {
      margin-left: auto; }

@media (max-width: 1199px) {
  .footer__row {
    flex-wrap: wrap; }
  .footer__col {
    flex: none;
    width: 28%; } }
@media (max-width: 767px) {
  .footer__col {
    width: 44%; }
  .footer__footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px; }
    .footer__footer-text {
      margin: 0; } }
@media (max-width: 575px) {
  .footer {
    padding: 40px 0 40px;
    background: var(--color-bg-dark-2) url(../img/wave.svg) no-repeat bottom center/200% auto; }
    .footer__row {
      gap: 20px; }
    .footer__col {
      width: 100%; } }

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