.upcoming-salons {

	.content_wrapper {
		position: relative;
		padding: 46px;
		border-radius: 24px;
		min-height: 400px;
		z-index: 0;
		overflow: hidden;
	}

	.bg {
		position: absolute;
		top: 0;
		right: 34px;
		height: 100%;
		z-index: -1;
	}

	h2 {
		margin-bottom: 42px;
	}

	.grid_wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 24px;
	}

	h3 {
		margin-bottom: 24px;
	}

	ul {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	li {
		font-size: 18px;
		font-weight: 500;

		&:not(:last-child):after {
			content: '|';
			display: inline-block;
			margin-left: 5px;
		}
	}

	@media(max-width: 1199px) {
		.content_wrapper {
			padding: 46px 24px;
			min-height: 1px;
		}

		.grid_wrapper {
			grid-template-columns: 1fr 1fr;
		}

		h2 {
			margin-bottom: 24px;
		}

		h3 {
			margin-bottom: 12px;
		}

		li {
			font-size: 14px;
		}
	}

	@media(max-width: 767px) {
		.content_wrapper {
			padding: 24px;
		}

		.bg {
			display: none;
		}

		.grid_wrapper {
			grid-template-columns: 100%;
		}
	}
}