.repeating-cards {
	background-color: #F5F5F7;
	margin-top: -100px;
	padding: 100px var(--sideGap);
	--columns: 6;
	--gap: 28px;
	@media (max-width: 1000px) {
		--columns: 3;
	}
	@media (max-width: 700px) {
		--columns: 2;
	}
	& .wrapper {
		padding-top: 41px;
		display: flex;
		gap: 48px var(--gap);
		justify-content: space-evenly;
		& .card {
			background-color: #fff;
			padding: 16px;
			min-height: 130px;
			display: flex;
			flex-direction: column;
			flex: 0 1 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
			& h3 {
				color: #771A77;
				font-size: 18px;
				font-style: normal;
				font-weight: 600;
				line-height: 125%; /* 22.5px */
				margin: 0;
			}
			& p {
				color: #77797E;
				font-size: 18px;
				font-style: normal;
				font-weight: 400;
				line-height: 150%; /* 27px */
				margin: 0;
			}
		}
		& .circle {
			background-color: transparent;
			text-align: center;
			padding: 0;
			width: auto;
			gap: 8px;
			& figure {
				background-color: #00A398;
				border-radius: 100%;
				padding: 5px;
				width: 74px;
				aspect-ratio: 1/1;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 0 auto;
				& img {
					width: 32px;
				}
			}
		}
	}
}

.repeating-cards + .repeating-cards {
	margin-bottom: 100px;
	padding-bottom: 100px;
}