/* breakpoints */
.infonumbers {
  --inner-radius: calc(var(--border-radius-xxl) - .75rem);
}
.infonumbers .numbers {
  border-radius: var(--border-radius-xxl);
  padding: 0.75rem;
  background-color: var(--clr-primary-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.infonumbers .numbers .number {
  border-radius: var(--inner-radius);
  background-color: var(--white);
}
.infonumbers .numbers .number__content {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .infonumbers .numbers .number__content {
    padding: 2rem;
  }
}
@media (min-width: 992px) {
  .infonumbers .numbers .number__content {
    padding: 3rem;
  }
}
.infonumbers .numbers .number__content .number__text {
  text-wrap: balance;
}
.infonumbers .numbers .number__image {
  --font-clr: var(--white);
  position: relative;
  overflow: clip;
  border-radius: 0 0 var(--inner-radius) var(--inner-radius);
  height: 100%;
  background-color: var(--clr-primary);
  container-type: inline-size;
}
@media (min-width: 768px) {
  .infonumbers .numbers .number__image {
    border-radius: 0 var(--inner-radius) var(--inner-radius) 0;
  }
}
.infonumbers .numbers .number__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.infonumbers .numbers .number__image--content {
  position: relative;
  text-align: right;
  padding: 1.5rem;
}
.infonumbers .numbers .number__image--content--number, .infonumbers .numbers .number__image--content--unit {
  font-size: clamp(2.5rem, 6vw, 6.5rem);
  font-weight: bold;
}
.infonumbers .numbers .number__image.with__image:after {
  content: "";
  inset: 0;
  position: absolute;
  background-image: linear-gradient(180deg, transparent 0%, var(--clr-primary) 100%);
  opacity: 0.5;
  z-index: 0;
}
.infonumbers .numbers .number__image.with__image .number__image--content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .infonumbers .numbers .number__image.with__image .number__image--content {
    padding: 2rem;
  }
}
.infonumbers .numbers.small {
  background-color: transparent;
}
.infonumbers .numbers.small .swiper-slide {
  height: auto;
}
.infonumbers .numbers.small .number {
  background-color: var(--clr-grey);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--border-radius-lg);
}
.infonumbers .numbers.small .number__content {
  padding: 1.5rem;
}
.infonumbers .numbers.small .number__image--content {
  text-align: left;
}
.infonumbers .numbers.small .number__image--content--unit, .infonumbers .numbers.small .number__image--content--number {
  font-size: clamp(2.125rem, 4vw, 3.75rem);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F_infonumbers.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BACwBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADbI%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACQF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClCN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiDA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%22%7D */