.dm-footer {
  box-shadow: 0 -10px 5px -5px var(--lightGrey);
}

.dm-footer__services,
.dm-footer__services a {
  color: var(--textLinkColor);
}

.dm-footer__services {
  padding:1.5rem var(--mobileMargin);
}

.dm-footer__bottom {
  background: var(--footerBg);
  padding: 2rem var(--mobileMargin) 6rem;
}

.dm-footer__bottom,
.dm-footer__bottom a {
  color: var(--white);
}

.dm-footer__heading {
  font-family: var(--headlineFont);
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.dm-footer__servicesList,
.dm-footer__relatedWebsitesList,
.dm-footer__supportList,
.dm-footer__legalLinks {
  font-size: 0.75rem;
  line-height: 1.5;
}

.dm-footer__servicesItem {
  position: relative;
  padding-bottom: .7rem;
  width: 150px;
  overflow: hidden;
  margin-right: 1rem;
  white-space: nowrap;
}

.dm-footer__servicesItem:before,
.dm-footer__servicesItem:after {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  cursor: pointer;
}
.dm-footer__servicesItem:before {
  content: "";
  background: var(--brandColor);
  margin-right: .5rem;
  transform: translateY(8px);
}

.dm-footer__servicesItem:after {
  position: absolute;
  left: 0;
  background-color: var(--brightIconColor);
  height: 100%;
}

.dm-footer__servicesItem--horoscope:after {
  -webkit-mask: var(--horoscope) no-repeat center center / 65%;
  mask: var(--horoscope) no-repeat center center / 65%;
}

.dm-footer__servicesItem--newspaper:after {
  -webkit-mask: var(--newspaper) no-repeat center center / 65%;
  mask: var(--newspaper) no-repeat center center / 65%;
}

.dm-footer__servicesItem--store:after {
  -webkit-mask: var(--store) no-repeat center center / 65%;
  mask: var(--store) no-repeat center center / 65%;
}

.dm-footer__servicesItem--weather:after {
  -webkit-mask: var(--weather) no-repeat center center / 65%;
  mask: var(--weather) no-repeat center center / 65%;
}

.dm-footer__servicesItem--cart:after {
  -webkit-mask: var(--cart) no-repeat center center / 65%;
  mask: var(--cart) no-repeat center center / 65%;
}

.dm-footer__servicesItem--newsletter:after {
  -webkit-mask: var(--letterOpen) no-repeat center center / 65%;
  mask: var(--letterOpen) no-repeat center center / 65%;
}

.dm-footer__servicesItem--coupon:after {
  -webkit-mask: var(--coupon) no-repeat center center / 65%;
  mask: var(--coupon) no-repeat center center / 65%;
}

.dm-footer__servicesItem--epaper:after {
  -webkit-mask: var(--epaper) no-repeat center center / 65%;
  mask: var(--epaper) no-repeat center center / 65%;
}

.dm-footer__servicesItem--push:after {
  -webkit-mask: var(--push) no-repeat center center / 65%;
  mask: var(--push) no-repeat center center / 65%;
}

.dm-footer__servicesItem--estate:after {
  -webkit-mask: var(--estate) no-repeat center center / 65%;
  mask: var(--estate) no-repeat center center / 65%;
}

.dm-footer__servicesItem--suit:after {
  -webkit-mask: var(--suit) no-repeat center center / 65%;
  mask: var(--suit) no-repeat center center / 65%;
}

.dm-footer__servicesItem--tagStar:after {
  -webkit-mask: var(--tagStar) no-repeat center center / 65%;
  mask: var(--tagStar) no-repeat center center / 65%;
}

.dm-footer__servicesItem--grave:after {
  -webkit-mask: var(--grave) no-repeat center center / 65%;
  mask: var(--grave) no-repeat center center / 65%;
}

.dm-footer__servicesItem--jeck:after {
  -webkit-mask: var(--jeck) no-repeat center center / 65%;
  mask: var(--jeck) no-repeat center center / 65%;
}

.dm-footer__servicesItem--tagRemove:after {
  -webkit-mask: var(--tagRemove) no-repeat center center / 65%;
  mask: var(--tagRemove) no-repeat center center / 65%;
}

.dm-footer__servicesItem--cartPhone:after {
  -webkit-mask: var(--cartPhone) no-repeat center center / 65%;
  mask: var(--cartPhone) no-repeat center center / 65%;
}

.dm-footer__servicesItem--default:after {
  -webkit-mask: var(--empty) no-repeat center center / 65%;
  mask: var(--empty) no-repeat center center / 65%;
}



.dm-footer__supportItem,
.dm-footer__relatedWebsitesItem {
  padding-bottom: .7rem;
}

.dm-footer__relatedWebsites,
.dm-footer__support {
  margin-bottom: 2rem;
}

.dm-footer__socialLinks {
  margin-bottom: 1.5rem;
  width: 250px;
}

.dm-footer__socialLinksList,
.dm-footer__legalLinksList {
  display: flex;
  flex-wrap: wrap;
}

.dm-footer__socialLinksItem {
  display: block;
  background: var(--brandColor);
  width: 3rem;
  height: 3rem;
  margin-right: .7rem;
  margin-bottom: .7rem;
}

.dm-footer__socialLinksItem a {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: var(--brightIconColor);
}

.dm-footer__socialLinksItem--instagram a {
  -webkit-mask: var(--instagram) center center no-repeat;
  mask: var(--instagram) center center no-repeat;
}
.dm-footer__socialLinksItem--facebook a {
  -webkit-mask: var(--facebook) center center no-repeat;
  mask: var(--facebook) center center no-repeat;
}
.dm-footer__socialLinksItem--tiktok a {
  -webkit-mask: var(--tiktok) center center no-repeat;
  mask: var(--tiktok) center center no-repeat;
}
.dm-footer__socialLinksItem--telegram a {
  -webkit-mask: var(--telegram) center center no-repeat;
  mask: var(--telegram) center center no-repeat;
}
.dm-footer__socialLinksItem--youtube a {
  -webkit-mask: var(--youtube) center center no-repeat;
  mask: var(--youtube) center center no-repeat;
}
.dm-footer__socialLinksItem--twitter a {
  -webkit-mask: var(--twitter) center center no-repeat;
  mask: var(--twitter) center center no-repeat;
}
.dm-footer__socialLinksItem--contact a {
  -webkit-mask: var(--letter) center center no-repeat;
  mask: var(--letter) center center no-repeat;
}


.dm-footer__legalLinksItem:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1em;
  background: var(--white);
  margin: 0 .5rem;
  transform: translateY(.2em);
}

.dm-footer__legalLinksItem:last-of-type:after {
  content: none;
}

@media (min-width: 768px) {
  .dm-footer__servicesList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .dm-footer__socialLinksItem--telegram {
    display: none;
  }

  .dm-footer__socialLinks {
    width: 200px;
  }

}