.image-content-repeater {
	padding: 80px 0;

	.flex_wrapper {
		display: flex;
		flex-direction: column;
		gap: 140px;
	}

	.row {
		display: flex;
		gap: 15%;
		align-items: center;

		&:nth-child(even) {
			.img_wrapper {
				order: -1;
			}
		}
	}

	.img_wrapper {
		--offset: 40px;

		width: 45%;
		position: relative;
		padding-top: var(--offset);
		padding-right: var(--offset);

		&:before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			left: var(--offset);
			bottom: var(--offset);
			background-color: var(--brown-100);
			border-radius: 16px;
		}
	}

	&.bg-green-50 .img_wrapper {
		&:before {
			background-color: var(--green-700);
		}
	}

	.img_box {
		position: relative;
		padding-top: 108.5%;
		border-radius: 16px;
		overflow: hidden;

		img {
			height: 100%;
			display: block;
			object-fit: cover;
		}
	}

	&.small-images .img_box {
		padding-top: 50%;
	}

	.text_box {
		width: 40%;

		h2 {
			margin-bottom: 56px;
		}

		.content_box {
			display: flex;
			flex-direction: column;
			gap: 32px;
		}
	}

	@media(max-width: 1199px) {
		padding: 32px 0;

		.flex_wrapper {
			gap: 100px;
		}

		.row {
			gap: 24px;
		}

		.text_box {
			width: 48%;

			h2 {
				margin-bottom: 32px;
			}

			.content_box {
				gap: 16px;
			}
		}

		.img_wrapper {
			--offset: 25px;

			width: calc(52% - 24px);
		}
	}

	@media(max-width: 767px) {
		.row {
			flex-wrap: wrap;
		}

		.text_box {
			width: 100%;
		}

		.img_wrapper {
			width: 100%;
			order: 1 !important;
		}
	}
}

@media(max-width: 767px) {
	.single-product {
		.image-content-repeater {
			.img_wrapper {
				width: 100%;
				order: -1 !important;
			}
		}
	}
}