.twz-counter{--item-size: 20%;--counter-gap: 4rem;--counter-paddingX: 0;--counter-paddingY: 0;--counterblock-bg: none;--text-size: var(--theme-fs-base, 2.1rem);--text-color: var(--black, #1E50FF);--counter-size: var(--fs-h3, 3.4rem);--counter-color: var(--grey-700, #1E50FF);display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:var(--counter-gap);padding:var(--counter-paddingY) var(--counter-paddingX);background-color:var(--counterblock-bg);max-width:var(--component-maxwidth-m);margin-inline:auto}@media(max-width: 767px){.twz-counter{--counter-gap: 2rem}}@media(max-width: 767px){.twz-counter{flex-direction:column}}.twz-counter__item{display:flex;flex-direction:column;place-items:center;text-align:center;flex:1 0 calc(var(--item-size) - var(--counter-gap))}.twz-counter__item img,.twz-counter__item picture{margin-bottom:1rem;width:12rem}.twz-counter__item .count{font-size:var(--counter-size);font-weight:bold;color:var(--counter-color);font-family:var(--font-heading)}.twz-counter__item .count-title{font-size:var(--text-size);color:var(--text-color);text-transform:uppercase;margin-top:1rem}.twz-counter__item .count-description{margin-top:1rem;max-width:45ch}.twz-counter__item *{margin:0}
@media(max-width: 767px){.twz-counter{--counter-gap: 1rem}}.twz-counter .twz-counter__item{--counter-color: var(--black)}@media(max-width: 767px){.twz-counter .twz-counter__item{display:grid;grid-template-columns:6rem 1fr;gap:0 1rem;place-items:start;grid-template-areas:"icon count" ". title" ". description";text-align:start}}.twz-counter .twz-counter__item img{grid-area:icon}@media(max-width: 767px){.twz-counter .twz-counter__item img{width:5rem}}.twz-counter .twz-counter__item .count{font-weight:900;font-size:clamp(var(--fs-2),7vw,7.7rem);grid-area:count;margin-bottom:-1rem}.twz-counter .twz-counter__item .count-title{font-weight:900;font-size:clamp(2rem,3vw,var(--fs-3));text-transform:unset;grid-area:title}@media(max-width: 767px){.twz-counter .twz-counter__item .count-title{margin-top:0}}.twz-counter .twz-counter__item .count-description{max-width:24rem;margin-top:.5rem;grid-area:description}@media(max-width: 767px){.twz-counter .twz-counter__item .count-description{margin-top:0}}