.icon-box {
	display: inline-block;
	width: 175px;
	height: 175px;
	position: relative;
	margin-bottom: 25px;
}

.icon-box svg path {
	transform-origin: center;
}

/* hard coded 5 variations of the icon background rotations */
/* variation 1 */
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n) .icon-box path:nth-child(1),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+1) .icon-box path:nth-child(1) {
	transform: scaleX(-1);
}
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n) .icon-box path:nth-child(2),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+1) .icon-box path:nth-child(2) {
	transform: scale(88%) translateX(-3%) translateY(2%);
}
/* variation 2 */
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+1) .icon-box path:nth-child(1),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+2) .icon-box path:nth-child(1) {
	transform: none;
}
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+1) .icon-box path:nth-child(2),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+2) .icon-box path:nth-child(2) {
	transform: scale(88%) scaleX(-1) translateY(3%) translateX(-2%);
}
/* variation 3 */
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+2) .icon-box path:nth-child(1),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+3) .icon-box path:nth-child(1) {
	transform: scaleY(-1);
}
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+2) .icon-box path:nth-child(2),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+3) .icon-box path:nth-child(2) {
	transform: scale(88%) scaleY(-1) scaleX(-1) translateX(-2%) translateY(3%);
}
/* variation 4 */
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+3) .icon-box path:nth-child(1),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+4) .icon-box path:nth-child(1) {
	transform: scaleX(-1) scaleY(-1);
}
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+3) .icon-box path:nth-child(2),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n+4) .icon-box path:nth-child(2) {
	transform: scale(88%) scaleY(-1) translateX(-3%) translateY(2%);
}
/* variation 5 */
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+4) .icon-box path:nth-child(1),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n) .icon-box path:nth-child(1) {
	transform: scaleX(-1);
}
.wp-block-columns:nth-of-type(odd) .wp-block-column:nth-of-type(5n+4) .icon-box path:nth-child(2),
.wp-block-columns:nth-of-type(even) .wp-block-column:nth-of-type(5n) .icon-box path:nth-child(2) {
	transform: scale(88%) translateX(-3%) translateY(2%);
}

.icon-box-icon {
	color: #ffffff;
	font-size: 5.5rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 175px !important;
}

.icon-box-icon.icon-size-small {
	font-size: 2.5rem;
}
.icon-box-icon.icon-size-mid {
	font-size: 4rem;
}
.wp-block-column:has(.icon-box) {
	text-align: center;
	position: relative;
}

@media only screen and (max-width: 768px) {
	.icon-box {
		margin-bottom: 0;
	}
}