.sq-counter {
	--sq-counter-gap: 0.75rem;
	--sq-counter-label-gap: 0.75rem;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background-color: var(--e-global-color-primary, --sq-color-ink, #1c498c);
    text-align: left;
    border-radius: 10px;
    padding: clamp(1.125rem, 1.024rem + 0.4487vw, 1.5625rem) clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
    height: 100%;
}

.sq-counter__main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--sq-counter-gap);
	max-width: 100%;
}

.sq-counter__value-wrap {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	max-width: 100%;
}

.sq-counter__value,
.sq-counter__prefix,
.sq-counter__suffix {
	white-space: nowrap;
}

.sq-counter__value {
	font-size: 1em;
    line-height: 1;
    font-weight: inherit;
}

.sq-counter__title,
.sq-counter__description {
	display: block;
	max-width: 100%;
	word-break: break-word;
}

.sq-counter__title{
    font-size: var(--sq-text-base);
    line-height: 1;
}

.sq-counter--align-left {
	text-align: left;
}

.sq-counter--align-center {
	text-align: center;
}

.sq-counter--align-right {
	text-align: right;
}

.sq-counter--align-center .sq-counter__main,
.sq-counter--align-center .sq-counter__value-wrap,
.sq-counter--align-center .sq-counter__title,
.sq-counter--align-center .sq-counter__description {
	justify-content: center;
}

.sq-counter--align-right .sq-counter__main,
.sq-counter--align-right .sq-counter__value-wrap,
.sq-counter--align-right .sq-counter__title,
.sq-counter--align-right .sq-counter__description {
	justify-content: flex-end;
}

.sq-counter--layout-horizontal .sq-counter__main,
.sq-counter--layout-inline .sq-counter__main {
	flex-direction: row;
}

.sq-counter--layout-vertical .sq-counter__main,
.sq-counter--layout-stacked .sq-counter__main {
	flex-direction: column;
	align-items: flex-start;
}

.sq-counter--layout-vertical .sq-counter__main {
	gap: var(--sq-counter-label-gap);
}

.sq-counter--layout-stacked .sq-counter__main,
.sq-counter--layout-stacked .sq-counter__description {
	display: flex;
}

.sq-counter--layout-inline .sq-counter__main {
	display: inline-flex;
}

.sq-counter--layout-stacked .sq-counter__value-wrap,
.sq-counter--layout-stacked .sq-counter__title,
.sq-counter--layout-stacked .sq-counter__description {
	display: block;
}

.sq-counter--icon-before .sq-counter__main,
.sq-counter--icon-after .sq-counter__main {
	flex-direction: row;
}

.sq-counter--icon-top {
	gap: var(--sq-counter-gap, 40px);
}

.sq-counter--icon-top .sq-counter__main {
	justify-content: center;
	gap: 10px;
}

.sq-counter__icon {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem);
	line-height: 1;
	font-size: clamp(2.875rem, 2.6731rem + 0.8974vw, 3.75rem);
	width: 1em;
	height: 1em;
}

.sq-counter__icon svg { width: 1em; height: 1em; }

.sq-counter__icon, .sq-counter__value-wrap, .sq-counter__title{
    color: var(--e-global-color-3091458, --sq-color-bg, #fff);
}

.sq-counter--layout-stacked .sq-counter__value-wrap {
    font-size: clamp(1.375rem, 0.8761rem + 1.0408vw, 2.125rem);
    line-height: 1;
    font-weight: 400;
    font-family: var(--sq-font-head);
    display: inline-flex;
    gap: .05em;
    letter-spacing: -0.05em;
}
.sq-counter__value-wrap .sq-counter__suffix{
    margin: 0;
    margin-left: 0;
}

@media (max-width: 767px) {
	.sq-counter--layout-horizontal .sq-counter__main,
	.sq-counter--layout-inline .sq-counter__main,
	.sq-counter--layout-vertical .sq-counter__main,
	.sq-counter--layout-stacked .sq-counter__main {
		flex-direction: column;
		align-items: flex-start;
    	text-align: left;
	}
	
	.sq-counter__main,
	.sq-counter__value-wrap {
		justify-content: center;
	}
}