/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 30 2026 | 12:13:33 */
/* ========================================= ICON ROW ========================================= */
.icon-row-section {
	.icon-row {
		--min: 150px;
		--gap: 2rem;
		--n: 1;
		--c: 1;

		--fits-all: calc(var(--n) * var(--min) + (var(--n) - 1) * var(--gap));
		--step: calc(100% / var(--c) - var(--gap) * (var(--c) - 1) / var(--c));

		padding-block: 2rem;
		display: flex;
		gap: var(--gap);
		flex-wrap: wrap;

		&:has(> :nth-child(3):last-child) { --n: 3; --c: 2; }
		&:has(> :nth-child(4):last-child) { --n: 4; --c: 2; }
		&:has(> :nth-child(5):last-child) { --n: 5; --c: 3; }
		&:has(> :nth-child(6):last-child) { --n: 6; --c: 3; }
		&:has(> :nth-child(7):last-child) { --n: 7; --c: 4; }
		&:has(> :nth-child(8):last-child) { --n: 8; --c: 4; }

		.icon-wrapper {
			flex: 1 1 max(var(--min), clamp(0px, (var(--fits-all) - 100%) * 999, var(--step)));
			display: flex;
			flex-direction: column;

			.icon-image { 
				max-height: 100px; 
				width: auto; 
				margin-bottom: 1rem; 
			}
			
			.icon-text {
				color: var(--gray-dark-1-dyn-1);
				transition: all 0.4s;
				font-size: 1rem;
				font-weight: 700;
				text-align: center;
				line-height: 1.2;
			}
		}
	}
}