.footer__wrapper {
  background-color: #fafafa;
}

.body-medium {
  color: #135C30;
}

.footer__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;

  width: 100%;
  max-width: 1280px;
  padding: 5rem 1rem;
  margin-inline: auto;
}

.footer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  width: 100%;
  margin-bottom: 2.5rem;
}

.footer__header .header__blocks {
  display: flex;
  align-items: flex-start;
  gap: 1rem;

  width: 100%;
}

.footer__header .header__blocks .blocks__item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;

  width: 100%;
  max-width: 228px;
  padding-top: 1rem;

  border-top: 1px solid #849584;
}

.footer__header .header__blocks .blocks__item .item__title {
  font-size: .75rem;
  text-align: left;
  text-transform: uppercase;
  color: #135C30;
}

.footer__header .header__blocks .blocks__item .item__list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: .5rem;

  padding: 0 !important;

  list-style: none;
}

.footer__header .header__blocks .blocks__item .item__list a {
  font-size: 1rem;
  text-decoration: none;
}

@media screen and (max-width: 675px) {
  .footer__header .header__blocks .blocks__item .item__list a {
    font-size: .9rem;
  }
}

.footer__header .header__subscribe {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;

  width: 100%;
  max-width: 360px;
  padding-top: 1rem;

  border-top: 1px solid #B7C7B7;
}

.footer__header .header__subscribe .subscribe__title {
  font-size: .75em;
  text-transform: uppercase;
}

.footer__header .header__subscribe .subscribe__input {
  display: flex;
  gap: .5rem;

  width: 100%;
}

.footer__header .header__subscribe .subscribe__input .input__field {
  width: 100%;
  height: 32px;
  padding: 0 .75rem;

  border-radius: 4px;
  border: .75px solid #B7C7B7;
}

.footer__header .header__subscribe .subscribe__input .input__submit {
  width: 128px;
  height: 32px;

  border-radius: 4px;
  background-color: #FFF0EA;
  border: .75px solid #B7C7B7;

  font-size: .9rem;
}

.footer__company {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  width: 100%;
}

.footer__company .company__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.footer__company .company__info .info__links {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.footer__company .company__info .info__links .links__content {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.footer__company .company__info .info__links .links__content .content__link {
  display: flex;
  align-items: center;
}

.footer__company .company__info .info__links .links__content .content__link svg path {
  fill: #135C30;
}

.links__logo {
  height: 32px;
}

.footer__company .company__info .info__secure {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.footer__company .company__info .info__secure .secure__icon {
  width: 12px;
  height: 12px;
}

.footer__company .company__info .info__secure .secure__icon path {
  fill: #135C30;
}

.footer__company .company__info .info__secure .secure__text {
  font-size: .875rem;
  color: #135C30;
}

.footer__company .company__rights {
  font-size: .875rem;
  color: #135C30;
}

.footer__text {
  font-size: .9rem;
  color: #849584;
  line-height: 120%;
}

@media screen and (max-width: 675px) {
  .footer__header {
    flex-direction: column;
    gap: 2rem;

    margin-bottom: 2.5rem;
  }

  .footer__header .header__blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2rem;

    margin-bottom: 2rem;
  }

  .footer__company {
    align-items: flex-start;
    flex-direction: column;
    gap: 3rem;
  }

  .footer__company .company__info {
    gap: .5rem;

    width: 100%;
  }

  .footer__company .company__info .info__links {
    justify-content: space-between;

    width: 100%;
  }
}