/*# sourceMappingURL=about-tour.css.map*/

.about-tour_grey-light {
	background-color: #f8fbfa;
}

.about-tour__container {
	padding-top: 60px;
	padding-bottom: 60px;
	display: grid;
	grid-gap: 40px;
}

@media (min-width:1024px) {
	.about-tour__container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

@media (min-width:768px) {
	.about-tour__container {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 16px;
	}
}

@media (min-width:1024px) {
	.about-tour__container {
		grid-template-columns: 3fr 2fr;
		grid-gap: 48px;
	}
}

@media (min-width:1280px) {
	.about-tour__container {
		grid-template-columns: 4fr 3fr;
		grid-column-gap: 130px;
	}
}

@media (min-width:768px) {
	.about-tour__sticky-col {
		grid-row: 1/2 span;
		grid-column: 2;
	}
}

@media (min-width:768px) {
	.about-tour__wr-img {
		position: sticky;
		top: calc(var(--header-height) + 48px);
	}
}

.about-tour__wr-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	margin: 0;
	padding: 8px 8px 24px;
	background-color: #fff;
	box-shadow: 4px 4px 20px 0 rgba(146, 157, 173, .1);
}

@media (min-width:768px) {
	.about-tour__wr-img {
		gap: 40px;
		padding-bottom: 40px;
	}
}

.about-tour__img {
	position: relative;
	overflow: hidden;
	aspect-ratio: 10/7;
	width: 100%;
}

.about-tour__img img, .about-tour__img svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center;
}

@supports not (aspect-ratio:10/7) {
	.about-tour__img:before {
		content: "";
		display: block;
		width: 100%;
		padding-bottom: 70%;
		position: relative;
		z-index: -101;
	}
}

.about-tour__img-text-svg {
	position: relative;
	overflow: hidden;
	aspect-ratio: 3/1;
	width: 80%;
	max-width: 370px;
}

.about-tour__img-text-svg img, .about-tour__img-text-svg svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: contain;
	object-position: center;
}

@supports not (aspect-ratio:3/1) {
	.about-tour__img-text-svg:before {
		content: "";
		display: block;
		width: 100%;
		padding-bottom: 33.3333333333%;
		position: relative;
		z-index: -101;
	}
}