/* Shared bands: icon variables, Stats (figures with an icon, used inside a Features band) and the stretch variant of Features (the picture is as tall as the text column).
   Loaded on the content pages and the Home (inc/blocks.php). */
.wttc-home, .wttc-content {
  }

.wttc-content .is-style-wttc-stats { display: flex; flex-direction: column; gap: 22px; margin: 2rem 0 0; }
.wttc-content .is-style-wttc-stats > .wp-block-group { position: relative; padding-left: 68px; min-height: 52px; }
.wttc-content .is-style-wttc-stats > .wp-block-group::before { content: ""; position: absolute; left: 0; top: 0; width: 52px; height: 52px; border-radius: 50%; background: var(--wttc-navy); }
.wttc-content .is-style-wttc-stats > .wp-block-group::after { content: ""; position: absolute; left: 14px; top: 14px; width: 24px; height: 24px; background: var(--wttc-white); -webkit-mask: var(--wttc-ic-globe) center / contain no-repeat; mask: var(--wttc-ic-globe) center / contain no-repeat; }
.wttc-content .is-style-wttc-stats > .wp-block-group:nth-child(2)::after { -webkit-mask-image: var(--wttc-ic-key); mask-image: var(--wttc-ic-key); }
.wttc-content .is-style-wttc-stats > .wp-block-group:nth-child(3)::after { -webkit-mask-image: var(--wttc-ic-users-three); mask-image: var(--wttc-ic-users-three); }
.wttc-content .is-style-wttc-stats h3 { margin: 0 0 2px; font-size: clamp(22px, 2vw, 26px); }
.wttc-content .is-style-wttc-stats p { margin: 0; color: rgba(21, 27, 52, .82); font-size: 15px; line-height: 1.55; }

@media (min-width: 1001px) {
	.wttc-content .is-style-wttc-features.is-stretch > .wp-block-media-text { align-items: stretch; }
	.wttc-content .is-style-wttc-features.is-stretch > .wp-block-media-text > .wp-block-media-text__media { align-self: stretch; min-height: 360px; }
	.wttc-content .is-style-wttc-features.is-stretch > .wp-block-media-text > .wp-block-media-text__media > img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: cover; }
}