/* block-banner */
.block-banner {
   width: calc((3 / 4) * 100% - ((3 - 1) * 16px / 4));
}
.block-banner__wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--padding-40);
}
.block-banner__img {
   overflow: hidden;
   width: 120px;
   height: 120px;
   border-radius: 50%;
}
.block-banner__img.black0 {
   background-color: var(--black-0);
}
.block-banner__img.black20 {
   background-color: var(--black-2);
}
.block-banner__img.black40 {
   background-color: var(--black-4);
}
.block-banner__img.black60 {
   background-color: var(--black-6);
}
.block-banner__img.black80 {
   background-color: var(--black-8);
}
.block-banner__img.black100 {
   background-color: var(--black-10);
}
.block-banner__img.b20 {
   background-color: var(--brand-2);
}
.block-banner__img.b40 {
   background-color: var(--brand-4);
}
.block-banner__img.b60 {
   background-color: var(--brand-6);
}
.block-banner__img.b80 {
   background-color: var(--brand-8);
}
.block-banner__img.b100 {
   background-color: var(--brand-10);
}
.block-banner__img.b120 {
   background-color: var(--brand-12);
}
.block-banner__title {
   margin-bottom: var(--padding-16);
}
.block-banner__text {
   margin-bottom: var(--padding-24);
}
.block-banner__link {
   display: block;
   width: max-content;
}
@media (max-width: 1440px) {
   .block-banner__wrapper {
      flex-direction: row;
   }
   .block-banner {
      width: 100%;
   }
   .block-banner__img {
      flex: 0 0 120px;
   }
}
@media (max-width: 420px) {
   .block-banner__img {
      display: none;
   }
}
/* block-banner */
