body {
  background-color: #333333 !important;
}
.header {
  background-color: #fdf71b !important;
}
.about__title,
.is-fixed-header .header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35) !important;
}
.mainBanner__contacts,
.mainBanner__text {
  background-color: #333333 !important;
  color: #fff !important;
}

.mainBanner__text h1 {
  color: #fdf71b !important;
}

.about__main-text {
  color: #fff !important;
  background: #333333 !important;
  border-radius: var(--border-radius) !important;
}
.oursteps__item_text b,
.oursteps__item_title,
.about__main-text b,
.about__main-text h2 {
  color: #fdf71b !important;
}

.oursteps__item {
  background-color: #333333 !important;
  color: #fff !important;
}
.oursteps__item_image {
  border-radius: 10px !important;
}

.section.section--carousel.section--margin-large {
  margin-bottom: min(max(3.125rem, 5.625vw), 2.625rem) !important;
}

.frame_map {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.footer .contacts .contacts__item--location,
.footer .contacts .contacts__item--phone .link,
.link__social {
  color: #fff !important;
}
.content-wrap.black,
.container.black {
  background-color: #333333 !important;
  padding-top: 15px !important;
}
.footer .logo img {
  filter: brightness(0) invert(1) !important;
}
.footer__col.footer__col--contacts.is-animate.is-animate--slide-in {
  background-color: #333333 !important;
}

@media (min-width: 1400px) {
  .mainBanner .mainBanner__image {
    height: 560px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .mainBanner__contacts {
    border-bottom: 10px solid #fdf71b !important;
    border-left: 10px solid #fdf71b !important;
    box-shadow: 7px 0 10px #fdf71b !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .mainBanner__contacts {
    border-bottom: 15px solid #fdf71b !important;
    border-left: 10px solid #fdf71b !important;
    box-shadow: 7px 0 10px #fdf71b !important;
  }
}