.wbox-pagelist-listing-size-full {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 5rem;
}

.wbox-pagelist-listing-size-full .listing-content {
    padding-block: 1rem;
}
.wbox-pagelist-listing-size-full .listing-button {
    margin-bottom: 1rem;
}

.wbox-pagelist-listing-size-full .wbox-pagelist-listing-title {
    hyphens: auto;
    word-break: break-word;
}

.bg-light .wbox-pagelist-listing-size-full .wbox-pagelist-listing-element {
    background: white;
}

.bg-light .wbox-pagelist-listing-size-full .listing-content,
.bg-light .wbox-pagelist-listing-size-full .listing-button {
    padding-inline: 1rem;
}

@media (min-width: 768px) {
    .wbox-pagelist-listing-size-full {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (min-width: 1340px) {
    .wbox-pagelist-listing-size-full {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }
}

.countup-container {
	margin: 2rem 0;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	flex-wrap: wrap;
}

.countup-item {
	background-color: #ffffff;
    color: #3D6487;
    flex-grow: 1;
    flex-basis: 215px;
	padding-block: 2rem;
}

.countup-item small {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2rem;
}

.countup-item small.legend {
    font-size: 1.2rem;
	text-align: center;
}

.countup-elements  {
	font-size: 52px;
	font-weight: 300;
    height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* longer numbers */
.countup-elements.long .countup-number {
	font-size: 2rem;
    font-weight: 400;
}
.countup-elements.long .countup-number + small {
	line-height: 2rem;
	font-size: 1.125rem
}

.countup-elements.longer .countup-number {
	font-size: 1.9rem;
}
.countup-elements.longer .countup-number + small {
	line-height: 2.1rem;
	font-size: 1rem
}


@media (min-width: 767px) and (max-width: 991px) {
	.countup-item {
		flex-basis: 300px;
		
	}
}
@media (min-width: 992px) and (max-width: 1239px) {
	.countup-item {
		flex-basis: 340px;
	}
}

@media (min-width: 1240px) and (max-width: 1580px) {
	.countup-item {
		aspect-ratio: 1/1;
		flex-basis: 100px;
		padding-block: auto;
	}
}