.wp-block-group {
	&.is-style-default {
		border-radius: 1rem;
	}

	&.is-style-point {
		display: flex;
		width: 100%;
		margin-inline: auto;
		border-radius: 10px;
		counter-reset: num;
		@media (width < 767px) {
			max-width: calc(100vw - 2rem);
		}
		h3 {
			counter-increment: num;

			&::before {
				content: counter(num);
			}
		}

		> .wp-block-group__inner-container {
			padding: 0;
		}
	}

	&.is-style-flow {
		display: flex;
		margin-inline: auto;
		border-radius: 10px;
		counter-reset: num;

		h3 {
			counter-increment: num;

			&::before {
				content: counter(num);
			}
		}

		> .wp-block-group__inner-container {
			padding: 0;
		}

		.wp-block-group {
			+ .wp-block-group {
				margin-block-start: 2rem;

				&::before {
					position: absolute;
					right: 0;
					left: 0;
					width: 20px;
					height: 20px;
					margin-block-start: -2rem;
					margin-inline-end: auto;
					margin-inline-start: auto;
					text-align: center;
					border-color: var(--wp--preset--color--primary) transparent transparent transparent;
					border-style: solid;
					border-width: 40px 60px 0 60px;
					content: "";
				}
			}
		}
	}

	&.is-style-fee {
		display: flex;
		width: 100%;
		margin-inline: auto;
		border-radius: 10px;

		* + * {
			margin-block-start: 0;
		}
	}

	&.is-style-infinity {
		overflow: hidden;
	}

	&.is-style-swiper-features,
	&.is-style-swiper-services {
		width: 100%;
		.swiper-wrapper {
			box-sizing: border-box;
		}
		.swiper-slide {
			height: 100%;
			justify-content: space-between;
			box-sizing: border-box;
			box-shadow: 0px 1px 4px 2px #eeeeee;
			transition: 0.3s var(--transition-easeout-quint) opacity;
			.wp-block-heading {
				min-height: 80px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			&:hover {
				opacity: 0.5;
			}
		}
	}

	&:has(> .is-style-swiper-features),
	&:has(> .is-style-swiper-services) {
		position: relative;
		display: flex;
		gap: 1rem;
		justify-content: flex-end;

		.swiper-button {
			width: 100%;
			position: absolute;
			bottom: 0;
		}

		.swiper-button-prev,
		.swiper-button-next {
			position: initial;
			margin-block-start: 0;
			color: var(--wp--preset--color--primary);
		}

		@media (width < 767px) {
			margin-block-end: 5rem;
		}
	}

	&.is-style-swiper-voice {
		--swiper-navigation-size: 1.5rem;

		.swiper-slide {
			height: auto;
			position: relative;

			box-shadow: 0px 1px 4px 2px #eeeeee;
			transition: 0.3s var(--transition-easeout-quint) opacity;
			border: 1px solid var(--wp--preset--color--alto-10);
			.wp-block-image {
				a {
					&::after {
						position: absolute;
						content: "";
						width: 100%;
						height: 100%;
						inset: 0 0 auto;
					}
				}
			}

			.wp-block-heading {
				flex: 1;
			}

			&:hover {
				opacity: 0.5;
			}
		}

		.swiper-button-next, .swiper-button-prev {
			padding: 1.5rem !important;
			border: 2px solid var(--wp--preset--color--white);
			border-radius: 100vw;
			background-color: var(--wp--preset--color--primary) !important;
			color: var(--wp--preset--color--white);

			@media (width < 767px) {
				display: none;
			}
		}
	}
}