.villa-clinic-bn-section {
	position: relative;
	display: flex;
	flex-flow: column;
	padding: 0 16px;
	background-color: $color-black-100;

	&::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 50%;
		background-color: $color-black-300;
	}
}

.villa-clinic-bn-container {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-self: center;
	gap: 20px;
	height: 130px;
	width: 100%;
	max-width: 1280px;
	padding: 0 32px;
	background-color: white;
	border-radius: 8px;
	border: 1px solid white;
	box-sizing: border-box;
	z-index: 1;

	@include tablet {
		max-width: 768px;
		height: 147px;
		padding-right: 25px;
	}

	@include mobile {
		flex-flow: row wrap;
		gap: 16px;
		max-width: 360px;
		height: unset;
		padding: 16px;
	}
}

.villa-clinic-bn-container__icon {
	width: 80px;
	height: 80px;

	@include mobile {
		order: 1;
	}
}

.villa-clinic-bn-container__main {
	flex: 1;
	display: flex;
	flex-flow: column;
	gap: 4px;
	max-width: 520px;

	@include mobile {
		order: 3;
		flex: 0 0 100%;
		max-width: unset;
		padding: 0 8px;
	}
}

.villa-clinic-bn-container__title {
	font-size: 18px;
	line-height: 22px;

	@include mobile {
		font-size: 16px;
		line-height: 20px;
	}
}

.villa-clinic-bn-container__desc {
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0.02em;

	@include mobile {
		font-size: 15px;
		line-height: 21px;
	}
}

.villa-clinic-bn-container__images {
	width: 100%;
	max-width: 430px;
	height: 110px;
	margin-left: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/images/villa/desktop.png');

	@include retina {
		background-image: url('/images/villa/desktop@2x.png');
	}

	@include tablet {
		max-width: 252px;
		height: 108px;
		background-image: url('/images/villa/tablet.png');

		@include retina {
			background-image: url('/images/villa/tablet@2x.png');
		}
	}

	@include mobile {
		order: 2;
		max-width: 172px;
		height: 76px;
		background-image: url('/images/villa/mobile.png');

		@include retina {
			background-image: url('/images/villa/mobile@2x.png');
		}
	}
}