.cmp-base {
  padding-top: 72px;
  padding-bottom: 72px;
}
@media (max-width: 991px) {
  .cmp-base {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .cmp-base {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.cmp-base.padding-top--small {
  padding-top: 40px;
}
@media (max-width: 991px) {
  .cmp-base.padding-top--small {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-top--small {
    padding-top: 24px;
  }
}
.cmp-base.padding-bottom--small {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .cmp-base.padding-bottom--small {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-bottom--small {
    padding-bottom: 24px;
  }
}
.cmp-base.padding-top--none {
  padding-top: 0;
}
@media (max-width: 991px) {
  .cmp-base.padding-top--none {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-top--none {
    padding-top: 0;
  }
}
.cmp-base.padding-bottom--none {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .cmp-base.padding-bottom--none {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-bottom--none {
    padding-bottom: 0;
  }
}
.contentblocknumbers {
  padding: 72px 0;
}
.contentblocknumbers.image--right .cmp-cbn__image {
  grid-column-start: unset;
  order: 2;
  margin-left: 24px;
  margin-right: 0px;
}
.contentblocknumbers.image--right .cmp-cbn__content {
  grid-column-start: 2;
}
@media (max-width: 991px) {
  .contentblocknumbers.image--right .cmp-cbn__image {
    margin-left: 0;
  }
  .contentblocknumbers.image--right .cmp-cbn__content {
    grid-column-start: unset;
  }
}
.contentblocknumbers.numbers--flat .cmp-cbn__number:nth-child(odd) {
  background-color: transparent;
}
.contentblocknumbers.numbers--flat .cmp-cbn__number:nth-child(even) {
  border: none;
}
.contentblocknumbers.paragraph--big .cmp-cbn__description p {
  font-size: 18px !important;
}
.contentblocknumbers.padding-top--small {
  padding-top: 40px;
}
@media (max-width: 991px) {
  .contentblocknumbers.padding-top--small {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .contentblocknumbers.padding-top--small {
    padding-top: 24px;
  }
}
.contentblocknumbers.padding-bottom--small {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .contentblocknumbers.padding-bottom--small {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .contentblocknumbers.padding-bottom--small {
    padding-bottom: 24px;
  }
}
.contentblocknumbers.padding-top--none {
  padding-top: 0;
}
@media (max-width: 991px) {
  .contentblocknumbers.padding-top--none {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .contentblocknumbers.padding-top--none {
    padding-top: 0;
  }
}
.contentblocknumbers.padding-bottom--none {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .contentblocknumbers.padding-bottom--none {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .contentblocknumbers.padding-bottom--none {
    padding-bottom: 0;
  }
}
.contentblocknumbers.color--sky {
  background-color: #c5d5f9 !important;
}
.contentblocknumbers.color--sky.numbers--flat .cmp-cbn__number:nth-child(odd) {
  background-color: transparent !important;
}
.contentblocknumbers.color--sky.numbers--flat .cmp-cbn__number:nth-child(even) {
  border: none !important;
}
.contentblocknumbers.color--sky .cmp-cbn .label,
.contentblocknumbers.color--sky .cmp-cbn__title,
.contentblocknumbers.color--sky .cmp-cbn__description {
  color: #000835 !important;
}
.contentblocknumbers.color--sky .cmp-cbn__number {
  color: #000835 !important;
}
.contentblocknumbers.color--sky .cmp-cbn__number:nth-child(odd) {
  background-color: #ebf3ff !important;
}
.contentblocknumbers.color--sky .cmp-cbn__number:nth-child(even) {
  border: 2px solid #000835 !important;
}
.contentblocknumbers.color--violet {
  background-color: #e4c7ff !important;
}
.contentblocknumbers.color--violet.numbers--flat .cmp-cbn__number:nth-child(odd) {
  background-color: transparent !important;
}
.contentblocknumbers.color--violet.numbers--flat .cmp-cbn__number:nth-child(even) {
  border: none !important;
}
.contentblocknumbers.color--violet .cmp-cbn .label,
.contentblocknumbers.color--violet .cmp-cbn__title,
.contentblocknumbers.color--violet .cmp-cbn__description {
  color: #26005a !important;
}
.contentblocknumbers.color--violet .cmp-cbn__number {
  color: #26005a !important;
}
.contentblocknumbers.color--violet .cmp-cbn__number:nth-child(odd) {
  background-color: #f8eeff !important;
}
.contentblocknumbers.color--violet .cmp-cbn__number:nth-child(even) {
  border: 2px solid #26005a !important;
}
.contentblocknumbers.color--forest {
  background-color: #c8ffc0 !important;
}
.contentblocknumbers.color--forest.numbers--flat .cmp-cbn__number:nth-child(odd) {
  background-color: transparent !important;
}
.contentblocknumbers.color--forest.numbers--flat .cmp-cbn__number:nth-child(even) {
  border: none !important;
}
.contentblocknumbers.color--forest .cmp-cbn .label,
.contentblocknumbers.color--forest .cmp-cbn__title,
.contentblocknumbers.color--forest .cmp-cbn__description {
  color: #023a00 !important;
}
.contentblocknumbers.color--forest .cmp-cbn__number {
  color: #023a00 !important;
}
.contentblocknumbers.color--forest .cmp-cbn__number:nth-child(odd) {
  background-color: #f0ffec !important;
}
.contentblocknumbers.color--forest .cmp-cbn__number:nth-child(even) {
  border: 2px solid #023a00 !important;
}
@media (max-width: 991px) {
  .contentblocknumbers {
    padding: 64px 0;
  }
}
@media (max-width: 767px) {
  .contentblocknumbers {
    padding: 48px 0;
  }
}
.contentblocknumbers .cmp-cbn {
  display: grid;
  justify-content: center;
  gap: 30px;
  grid-template-columns: repeat(12, 1fr);
}
.contentblocknumbers .cmp-cbn__image {
  grid-column-start: 2;
  grid-column-end: span 5;
  margin-right: 24px;
}
.contentblocknumbers .cmp-cbn__image img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  height: auto;
}
.contentblocknumbers .cmp-cbn__content {
  grid-column-end: span 5;
}
.contentblocknumbers .cmp-cbn__description {
  margin-top: 16px;
}
.contentblocknumbers .cmp-cbn__description p {
  font-size: 24px !important;
}
.contentblocknumbers .cmp-cbn__numbers {
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(3, minmax(auto, 33%));
  grid-auto-rows: 1fr;
  gap: 16px;
  margin-top: 24px;
}
.contentblocknumbers .cmp-cbn__number {
  padding: 8px;
  color: #0c66e1;
}
.contentblocknumbers .cmp-cbn__number-figure {
  font-size: 40px;
}
.contentblocknumbers .cmp-cbn__number-description {
  font-size: 14px;
}
.contentblocknumbers .cmp-cbn__number:nth-child(odd) {
  background-color: #ebf3ff;
}
.contentblocknumbers .cmp-cbn__number:nth-child(even) {
  border: 2px solid #0c66e1;
}
@media (max-width: 991px) {
  .contentblocknumbers .cmp-cbn__image {
    grid-column-start: unset;
    grid-column-end: span 5;
    margin-right: 0;
  }
  .contentblocknumbers .cmp-cbn__content {
    grid-column-end: span 7;
  }
}
@media (max-width: 767px) {
  .contentblocknumbers .cmp-cbn {
    padding: 0 15px;
    gap: 0;
  }
  .contentblocknumbers .cmp-cbn__image {
    order: 2;
    grid-column: 1 / span 12;
  }
  .contentblocknumbers .cmp-cbn__image img {
    height: 200px;
  }
  .contentblocknumbers .cmp-cbn__content {
    grid-column: 1 / span 12;
  }
  .contentblocknumbers .cmp-cbn__numbers {
    grid-template-columns: repeat(2, minmax(auto, 50%));
    margin-bottom: 24px;
  }
}
.contentblocknumbers.bg-light-grey {
  background-color: var(--mdc-theme-color-light-blue);
}
.contentblocknumbers.bg-white {
  background-color: #fff;
}
.contentblocknumbers .bnContainer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}
.contentblocknumbers .bnContainer .bnMedia {
  order: 2;
}
.contentblocknumbers .bnContainer .bnMedia img {
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnMedia img {
    max-width: 290px;
  }
}
@media (min-width: 1200px) {
  .contentblocknumbers .bnContainer .bnMedia img {
    width: 100%;
    max-width: 420px;
  }
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnMedia {
    margin-top: 0;
    order: 1;
  }
}
.contentblocknumbers .bnContainer .bnDescription {
  width: 100%;
  order: 1;
  margin-left: 0;
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnDescription {
    margin-left: 30px;
    width: calc(100% - 330px);
    order: 2;
  }
}
@media (min-width: 992px) {
  .contentblocknumbers .bnContainer .bnDescription {
    margin-left: 80px;
    width: calc(100% - 370px);
  }
}
@media (min-width: 1200px) {
  .contentblocknumbers .bnContainer .bnDescription {
    margin-left: 80px;
    width: calc(100% - 500px);
  }
}
.contentblocknumbers .bnContainer .bnDescription .bnFigures {
  align-items: flex-start;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: max-content max-content max-content;
}
.contentblocknumbers .bnContainer .bnDescription .bnFigures.row2 {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures.row2 {
    margin-top: 24px;
  }
}
.contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton {
  margin-right: 40px;
  width: 80px;
  max-width: 80px;
}
.contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton:nth-child(3n) {
  margin-right: 0 !important;
}
@media (max-width: 768px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton {
    margin-right: 24px;
  }
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton {
    max-width: 112px;
    width: 112px;
  }
}
@media (min-width: 1200px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton {
    margin-right: 40px;
  }
}
.contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton .bnFigure {
  font-family: var(--md-sys-typescale-amadeusMedium-font);
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 130%;
  color: var(--mdc-theme-primary);
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton .bnFigure {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton .bnFigure {
    font-size: 40px;
  }
}
.contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton .bnFact {
  font-family: var(--md-sys-typescale-amadeusRegular-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #808080;
}
@media (min-width: 768px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton .bnFact {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .contentblocknumbers .bnContainer .bnDescription .bnFigures .bannerTextButton .bnFact {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .contentblocknumbers.img-right .bnMedia {
    order: 2;
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .contentblocknumbers.img-right .bnMedia {
    order: 2;
    margin-left: 80px;
  }
}
@media (min-width: 768px) {
  .contentblocknumbers.img-right .bnDescription {
    order: 1;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .contentblocknumbers.img-right .bnDescription {
    order: 1;
    margin-left: 0px;
  }
}
.contentblocknumbers.default-padding-top {
  padding-top: var(--md-sys-padding-default);
}
.contentblocknumbers.small-padding-top {
  padding-top: var(--md-sys-padding-medium);
}
.contentblocknumbers.none-padding-top {
  padding-top: var(--md-sys-padding-none);
}
.contentblocknumbers.default-padding-bottom {
  padding-bottom: var(--md-sys-padding-default);
}
.contentblocknumbers.small-padding-bottom {
  padding-bottom: var(--md-sys-padding-medium);
}
.contentblocknumbers.none-padding-bottom {
  padding-bottom: var(--md-sys-padding-none);
}
