.salon-banner {
	margin-top: 56px;
	
	.grid_wrapper {
		display: grid;
		grid-template-columns: 41% 1fr;
		grid-gap: 9.7%;
	}
	
	.grid_gallery {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 16px;
		align-items: center;
	}
	
	.grid_gallery {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 16px;
		grid-template-rows: 185px 240px;
		
		.img_box {
			height: 100%;
			border-radius: 16px;
			overflow: hidden;
			
			img {
				width: 100%;
				height: 100%;
				display: block;
				object-fit: cover;
			}
		}
		
		.img_box:nth-child(1) {
			grid-row: 1 / 3;
		}
	}
	
	.text_box {
		h1 {
			margin-bottom: 16px;
		}
		
		.subtitle {
			font-size: 18px;
			font-weight: 500;
		}
		
		ul {
			margin-top: 32px;
			color: var(--title-color);
			
			a {
				text-decoration: underline;
			}
			
			br {
				display: none;
			}
		}
		
		li:not(:last-child) {
			margin-bottom: 32px;
		}
		
		h5 {
			display: grid;
			grid-template-columns: 32px 1fr;
			grid-gap: 8px;
			align-items: center;
			margin-bottom: 16px;
		}
		
		.icon_box {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 32px;
			height: 32px;
			background-color: var(--green-50);
			border-radius: 8px;
			
			svg {
				width: 16px;
				height: 16px;
				display: block;
			}
		}
		
		.button {
			margin-top: 32px;
			min-width: 200px;
		}
	}
	
	@media (max-width: 1199px) {
		margin-top: 0;
		
		.grid_wrapper {
			grid-template-columns: 48% 1fr;
			grid-gap: 11%;
		}
		
		.grid_gallery {
			order: -1;
			grid-template-rows: 180px 180px;
		}
		
		.text_box {
			li:not(:last-child) {
				margin-bottom: 16px;
			}
		}
	}
	
	@media (max-width: 767px) {
		.grid_wrapper {
			grid-template-columns: 100%;
			grid-gap: 40px;
		}
		
		.grid_gallery {
			grid-template-rows: 150px 130px;
		}
	}
}