:root {
  --nms-brown: #7a4e2e;
  --nms-brown-dark: #5c3920;
  --nms-brown-soft: #f5ede6;
  --nms-text-soft: #6b5040;
  --nms-green: #2faf5f;
  --nms-green-dark: #238a49;
  --nms-line: #eadfd5;
  --nms-white: #ffffff;
}
.header{
  background-color: var(--nms-brown-soft);
}
.phone{
    color: #000000;
}
.phone--newsletter{color: #fff !important;}
.footer{
    background-color: var(--nms-brown-soft);
}
.contact__email-value a.email {
    color: #000000 !important;
    text-decoration: none;
    font-size: 16px;
}

.header .contact__phone .phone::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

.header .contact__email .email::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

.header .contact a:hover,
.header .contact a:focus-visible {
  color: var(--nms-brown);
  text-decoration: none;
  text-underline-offset: 3px;
  transform: translateX(1px);
}


@media (min-width: 1430px) and (max-width: 1500px) {
  .header .contact {
    min-width: 188px;
    padding-inline: 12px;
  }

  .header .contact__email .email {
    font-size: 11px;
  }
}