.footer {
    margin-top: auto;
    background-color: #f8f5f2;
  }
  .footer .chunk-panel__dropdown {
    height: 185px;
  }
  .footer_bg {
    background-color: #fff;
  }
  .footer_with-soc .footer__grid {
    grid-template-areas: "f_logo f_socials f_note" "f_text f_popup   f_dev" "f_text f_policy  f_dev";
  }
  .footer_with-soc .footer__popup-licenses {
    margin-top: 8px;
  }
  .footer_with-soc .footer__popup-policy {
    margin-top: 7px;
  }
  .footer_with-soc .footer__text {
    margin-top: 19px;
  }
  .footer_with-soc .footer__note {
    margin-top: 13px;
  }
  .footer_with-soc .footer__dev {
    margin-top: 9px;
  }
  .footer__grid {
    display: grid;
    grid-template-areas: "f_logo f_popup  f_note" "f_text f_policy f_dev";
    grid-template-columns: 378px auto 323px;
    padding-top: 64px;
    padding-bottom: 84px;
    position: relative;
  }
  .footer__grid:after,
  .footer__grid:before {
    position: absolute;
    content: "";
    background-color: #e3e1df;
    width: 1px;
    top: 71px;
    bottom: 71px;
    left: 378px;
  }
  .footer__grid:after {
    left: unset;
    right: 367px;
  }
  .footer__logo {
    grid-area: f_logo;
  }
  .footer__popup-licenses {
    font-weight: 500;
    grid-area: f_popup;
    line-height: 22px;
    margin-top: 28px;
  }
  .footer__popup-licenses,
  .footer__popup-policy {
    font-family: Manrope, sans-serif;
    font-style: normal;
    text-align: left;
    font-size: 16px;
    margin-left: 86px;
    color: inherit;
    border: none;
    background-color: unset;
    padding: 0;
    cursor: pointer
  }
  .footer__popup-policy {
    font-weight: 400;
    grid-area: f_policy;
    line-height: normal;
    margin-top: 14px;
  }
  .footer__socials {
    grid-area: f_socials;
    margin-left: 85px;
    margin-top: -4px;
    display: flex;
    grid-column-gap: 5px;
    column-gap: 5px;
  }
  .footer__licenses-wrapper {
    grid-area: f_licenses;
    display: none;
  }
  .footer__note {
    grid-area: f_note;
    line-height: normal;
    margin-left: 39px;
    margin-top: 8px;
  }
  .footer__note,
  .footer__text {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #8e8e8e;
    font-size: 14px;
  }
  .footer__text {
    grid-area: f_text;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 0.42px;
    max-width: 330px;
  }
  .footer__dev {
    grid-area: f_dev;
    display: flex;
    align-items: center;
    margin-top: -12px;
  }
  .footer__dev-text {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    margin-left: 15px;
    margin-right: -10px;
    margin-top: 6px;
  }
  .footer__dev-text .accent {
    color: #81c400;
    text-decoration: underline;
  }
  .footer__socials-text {
    grid-area: f_soc-text;
    display: none;
  }

  .footer__licenses-phone a {
    color: #444444;
  }

  @media screen and (max-width: 1320px) {
    .footer__grid {
      padding-top: 57px;
      padding-bottom: 54px;
      grid-template-columns: 256px auto 324px;
    }
    .footer__grid:before {
      top: 57px;
      bottom: 55px;
      left: 255px;
    }
    .footer__grid:after {
      right: 360px;
      top: 57px;
      bottom: 55px;
    }
    .footer__text {
      font-size: 13px;
      margin-top: 4px;
      margin-bottom: -4px;
    }
    .footer__popup-licenses {
      margin-left: 35px;
      margin-top: 23px;
    }
    .footer__popup-policy {
      margin-top: -9px;
      margin-left: 35px;
    }
    .footer__note {
      font-size: 16px;
      margin-left: 35px;
      margin-top: 13px;
    }
    .footer__dev {
      margin-top: -17px;
    }
    .footer__socials {
      margin-left: 35px;
      margin-top: 0;
    }
    .footer_with-soc .footer__popup-licenses {
      margin-left: 35px;
      margin-top: 15px;
    }
    .footer_with-soc .footer__popup-policy {
      margin-top: 7px;
    }
    .footer_with-soc .footer__dev,
    .footer_with-soc .footer__text {
      margin-top: 20px;
    }
  }
  @media screen and (max-width: 1023px) {
    .footer__grid {
      grid-template-areas: "f_logo f_popup f_policy" "f_text f_text f_note" "f_text f_text f_dev";
      grid-template-columns: 182px auto 293px;
      padding-top: 36px;
      padding-bottom: 42px;
    }
    .footer__grid:after,
    .footer__grid:before {
      display: none;
    }
    .footer__popup-licenses {
      margin-left: 68px;
      margin-top: 2px;
      font-size: 14px;
    }
    .footer__popup-policy {
      margin-top: 3px;
      margin-left: 0;
      font-size: 14px;
    }
    .footer__text {
      max-width: 310px;
      margin-top: 24px;
      margin-bottom: -4px;
      margin-left: 2px;
    }
    .footer__note {
      font-size: 14px;
      margin-left: 0;
      margin-top: 10px;
    }
    .footer__dev {
      margin-top: 9px;
    }
    .footer__dev-text {
      font-size: 14px;
      margin-left: 7px;
      margin-top: 0;
    }
    .footer_with-soc .footer__grid {
      grid-template-areas: "f_logo    f_popup" "f_socials f_policy" "f_socials f_note" "f_text    f_dev";
      grid-template-columns: auto 294px;
    }
    .footer_with-soc .footer__logo {
      width: 181px;
    }
    .footer_with-soc .footer__note {
      margin-top: 18px;
    }
    .footer_with-soc .footer__popup-licenses {
      margin-left: 1px;
      margin-top: 5px;
      font-size: 14px;
    }
    .footer_with-soc .footer__text {
      margin-top: 18px;
      margin-left: 1px;
    }
    .footer_with-soc .footer__dev {
      margin-top: 20px;
    }
    .footer__socials {
      margin-left: 1px;
      margin-top: 27px;
    }
  }
  @media screen and (max-width: 767px) {
    .footer__grid {
      grid-template-areas: "f_logo     ." "f_licenses f_licenses" "f_policy   f_policy" "f_note     f_note" "f_text     f_text" "f_dev      f_dev";
      grid-template-columns: 134px auto;
      padding-top: 66px;
      padding-bottom: 68px;
      max-width: 330px;
      margin-left: auto;
      margin-right: auto;
    }
    .footer__licenses-wrapper {
      display: block;
      margin-top: 20px;
    }
    .footer__licenses-wrapper.open {
      border-bottom: 1px solid #d3c6b8;
      margin-bottom: 11px;
      padding-bottom: 27px;
    }
    .footer__licenses-inner {
      height: 100%;
      max-height: 1500px;
      overflow: hidden;
      transition: max-height 0.5s linear;
    }
    .footer__licenses-inner.hide {
      height: 0;
      max-height: 0;
    }
    .footer__licenses-title {
      cursor: pointer;
      height: 40px;
      margin-left: auto;
      margin-right: auto;
      max-width: 330px;
      background-color: #fff;
      border: 1px solid #cc5e9c;
      color: #cc5e9c;
      font-size: 15px;
      border-radius: 70px;
      position: relative;
      padding-top: 10px;
      padding-left: 60px;
      display: none;
    }
    .footer__licenses-title:before {
      width: 36px;
      height: 36px;
      left: 1px;
      top: 1px;
      bottom: 1px;
      position: absolute;
      content: "";
      background-image: url(/img/footer-btn.svg);
      background-size: cover;
      line-height: 22px;
    }
    .footer__licenses-title:active,
    .footer__licenses-title:hover {
      background-color: #fff;
    }
    .footer__licenses-title.rotated:before {
      transform: rotate(90deg);
    }
    .footer__popup-licenses {
      display: none;
    }
    .footer__popup-policy {
      color: #8e8e8e;
      margin-top: 16px;
      margin-left: 2px;
    }
    .footer__note {
      margin-left: 2px;
      margin-top: 12px;
    }
    .footer__text {
      max-width: 294px;
      margin-top: 12px;
      margin-bottom: unset;
      margin-left: 1px;
      line-height: normal;
      letter-spacing: 0;
    }
    .footer__dev {
      margin-top: 13px;
    }
    .footer__licenses-items {
      margin-top: 20px;
      display: flex;
      grid-column-gap: 10px;
      column-gap: 10px;
    }
    .footer__licenses-items a {
      background-color: #fff;
    }
    .footer__licenses-content {
      font-family: Manrope, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      line-height: normal;
      margin-top: 20px;
      margin-left: 2px;
    }
    .footer__licenses-content-item + .footer__licenses-content-item {
      margin-top: 6px;
    }
    .footer_with-soc .footer__grid {
      grid-template-areas: "f_logo     f_logo" "f_soc-text f_socials" "f_licenses f_licenses" "f_policy   f_policy" "f_note     f_note" "f_text     f_text" "f_dev      f_dev";
      grid-template-columns: auto 156px;
    }
    .footer_with-soc .footer__logo {
      width: 134px;
    }
    .footer_with-soc .footer__licenses-wrapper {
      margin-top: 27px;
    }
    .footer_with-soc .footer__popup-policy {
      margin-top: 21px;
    }
    .footer_with-soc .footer__note {
      margin-right: 12px;
    }
    .footer_with-soc .footer__text {
      margin-top: 11px;
    }
    .footer_with-soc .footer__dev {
      margin-top: 14px;
    }
    .footer_with-soc .footer__socials-text {
      font-family: Manrope, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      line-height: normal;
      display: block;
      margin-top: 20px;
      margin-left: 2px;
    }
    .footer__socials {
      margin-top: 20px;
    }
  }