.b2b-baner {
  position: relative;
  display: flex;
  background-color: var(--lighter-blue-color);
  justify-content: space-between;
  padding-inline: var(--horizontal-margin);
  height: 50vw;
  max-height: 960px;

  @media (max-width: 900px) {
    height: auto;
  }
  @media (max-width: 480px) {
    height: 50vw;
  }
}
.b2b-header__title {
  font-weight: 800;
  font-size: clamp(27px, 5vw, var(--h1-text-size));
  max-width: 900px;
  line-height: 1;
  margin: 0 0 1em;
}
.b2b-baner__wrapper {
  position: relative;
  padding-top: 245px;
  z-index: 1;

  @media (max-width: 1500px) {
    padding-top: 220px;
  }
  @media (max-width: 1300px) {
    padding-top: 200px;
    padding-bottom: 20px;
  }
  @media (max-width: 768px) {
    padding-top: 150px;
  }
  @media (max-width: 480px) {
    padding-bottom: 0;
  }
}
.b2b-baner__wrapper .b2b-form__wrapper {
  padding-left: 0;
}
.b2b-baner__actions {
  display: flex;
  gap: 2em;
}
.b2b-baner__tender {
  margin-right: 2em;
}
.b2b-baner__tender:hover {
  background-color: #fff0;
}
.b2b-baner__call {
  background-color: #fff0;
}
/* .b2b-baner::before {
  content: '';
  position: absolute;
  left: -3%;
  top: 3em;
  --size: 12vw;
  max-width: calc(var(--rem) * 180);
  max-height: calc(var(--rem) * 180);
  width: var(--size);
  height: var(--size);
  background-color: var(--brand-color);
  border-radius: 50%;
  z-index: 1;
} */
.b2b-baner--max-height {
  max-height: calc(var(--rem) * 700);
}
@media (max-width: 1300px) {
  .b2b-header__title {
    margin: 0 0 1em;
  }
  /* .b2b-baner__wrapper {
    padding-top: 10%;
  } */
}
@media (max-height: 800px) and (min-width: 769px) {
  /* .b2b-baner::before {
    content: none;
  } */
}
@media (max-width: 480px) {
  .b2b-baner {
    flex-direction: column;
    row-gap: 2em;
    height: auto;
    padding-top: 2em;
  }
  .b2b-header__title {
    text-align: center;
    position: relative;
    margin-bottom: 0;
    padding-top: .5em;
    margin-top: 1em;
  }
  /* .b2b-baner::before {
    --size: 15vw;
    transform: translateX(-50%);
    top: calc(var(--rem) * -50);
    left: 50%;
    min-height: calc(var(--rem) * 130);
    min-width: calc(var(--rem) * 130);
  } */
  .b2b-baner--keep-image::before {
    content: none;
  }
  .b2b-baner--keep-image {
    flex-direction: column-reverse;
    gap: 0;
    padding: 0;
  }
  .b2b-header__title--keep-image {
    margin-top: 0;
    background-color: #fff;
    padding: 1em;
  }
  .b2b-baner--keep-image + .b2b-section {
    padding-top: calc(var(--rem) * 30);
  }
  .b2b-baner__wrapper {
    padding-top: 0;
  }
  .b2b-baner .b2b-baner__actions {
    display: none;
  }
}

/* redesign >> */

.b2b-baner.b2b-baner--background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.b2b-baner.b2b-baner--background.main {
  background-image: url(/local/templates/rebranding/assets/img/pages/main/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.banks {
  background-image: url(/local/templates/rebranding/assets/img/pages/banks/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.membership {
  background-image: url(/local/templates/rebranding/assets/img/pages/membership/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.about {
  background-image: url(/local/templates/rebranding/assets/img/pages/about/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.news {
  background-image: url(/local/templates/rebranding/assets/img/pages/news/baner_top.jpg);
  background-position: center;
}
.b2b-baner.b2b-baner--background.articles {
  background-image: url(/local/templates/rebranding/assets/img/pages/articles/baner_top.jpg);
  background-position: center;
}
.b2b-baner.b2b-baner--background.calculator {
  background-image: url(/local/templates/rebranding/assets/img/pages/calculator/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.experts {
  background-image: url(/local/templates/rebranding/assets/img/pages/experts/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.reviews {
  background-image: url(/local/templates/rebranding/assets/img/pages/reviews/baner_top.jpg);
  background-position: center;
}
.b2b-baner.b2b-baner--background.contacts {
  background-image: url(/local/templates/rebranding/assets/img/pages/contacts/baner_top.jpg);
  background-position: center;
}
.b2b-baner.b2b-baner--background.effektivnoe-vzyskanie {
  background-image: url(/local/templates/rebranding/assets/img/pages/1s-effektivnoe-vzyskanie-v-1-klik/banner_top_new.png);
}
.b2b-baner.b2b-baner--background.bankrotnyj_skoring {
  background-image: url(/local/templates/rebranding/assets/img/pages/bankrotnyj-skoring/baner_top.png);
}
.b2b-baner.b2b-baner--background.proverka_kontragentov {
  background-image: url(/local/templates/rebranding/assets/img/pages/proverka_kontragentov/baner_top.png);
}
.b2b-baner.b2b-baner--background.soprovozhdenie-bankrotstva {
  background-image: url(/local/templates/rebranding/assets/img/pages/soprovozhdenie-bankrotstva/baner_top.jpg);
}
.b2b-baner.b2b-baner--background.nasha-praktika {
  background-image: url(/local/templates/rebranding/assets/img/pages/nasha-praktika/baner_top.png);
}
.b2b-baner.b2b-baner--background.agentskaya-shema {
  background-image: url(/local/templates/rebranding/assets/img/pages/agentskaya-shema-vzyskaniya-s-yuridicheskih-lic/baner_top.jpg);
}
@media (max-width: 480px) {
  .b2b-baner.b2b-baner--background {
    background-position: center;
    padding-top: 300px;
  }
  .b2b-baner.b2b-baner--background.main {
    background-image: url(/local/templates/rebranding/assets/img/pages/main/baner_top_mobile.jpg);
  }
  .b2b-baner.b2b-baner--background.banks {
    background-image: url(/local/templates/rebranding/assets/img/pages/banks/baner_top_mobile.webp);
  }
  .b2b-baner.b2b-baner--background.membership {
    background-image: url(/local/templates/rebranding/assets/img/pages/membership/baner_top_mobile.webp);
  }
  .b2b-baner.b2b-baner--background.about {
    background-image: url(/local/templates/rebranding/assets/img/pages/about/baner_top_mobile.webp);
  }
  .b2b-baner.b2b-baner--background.calculator {
    background-image: url(/local/templates/rebranding/assets/img/pages/calculator/baner_top_mobile.webp);
  }
  .b2b-baner.b2b-baner--background.experts {
    background-image: url(/local/templates/rebranding/assets/img/pages/experts/baner_top_mobile.webp);
  }
  .b2b-baner.b2b-baner--background.effektivnoe-vzyskanie {
    background-image: url(/local/templates/rebranding/assets/img/pages/1s-effektivnoe-vzyskanie-v-1-klik/baner_top_mobile.jpg);
  }
  .b2b-baner.b2b-baner--background.proverka_kontragentov {
    background-image: url(/local/templates/rebranding/assets/img/pages/proverka_kontragentov/baner_top_mobile.png);
  }
  .b2b-baner.b2b-baner--background.soprovozhdenie-bankrotstva {
    background-image: url(/local/templates/rebranding/assets/img/pages/soprovozhdenie-bankrotstva/baner_top_mobile.jpg);
  }
  .b2b-baner.b2b-baner--background.nasha-praktika {
    background-image: url(/local/templates/rebranding/assets/img/pages/nasha-praktika/baner_top_mobile_1.png);
  }
  .b2b-baner.b2b-baner--background.agentskaya-shema {
    background-image: url(/local/templates/rebranding/assets/img/pages/agentskaya-shema-vzyskaniya-s-yuridicheskih-lic/baner_top_mobile.jpg);
  }
  .b2b-baner__buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
  }
  .b2b-baner__buttons * {
    line-height: normal;
    padding: 10px 15px
  }
}