:root {
	--stickyTop: clamp(100px, 8vh, 100px);
}

/*
--------------------------------------
main container
--------------------------------------
*/

.location-section-list {
	position: relative;
	transform-origin: center top;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	row-gap: calc(50px + (150 - 50) * ((100vw - 320px) / (1920 - 320)));
}

/*
--------------------------------------
item
--------------------------------------
*/

.location-section {
	position: sticky;
	top: var(--stickyTop);
	z-index: 1;
	column-gap: calc(27px + (57 - 27) * ((100vw - 320px) / (1920 - 320)));
	background: #fff;
	box-shadow: 0 403px 113px 0 rgba(0, 0, 0, 0.00), 0 258px 103px 0 rgba(0, 0, 0, 0.01), 0 145px 87px 0 rgba(0, 0, 0, 0.03), 0 65px 65px 0 rgba(0, 0, 0, 0.04), 0 16px 35px 0 rgba(0, 0, 0, 0.05);
	padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

/*image*/

.location-section__img {
	flex: 0 0 55%;
}

/*content*/

.location-section__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*title*/

.location-section__title {
	font-family: var(--e-global-typography-primary-font-family);
	font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	color: var(--e-global-color-primary);
	line-height: 150%;
}

/*descriptions*/

.location-section__description-element {
	font-family: var(--e-global-typography-secondary-font-family);
	font-size: 1rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.40);
	line-height: 160%;
	margin: 0.5em 0 1em 0;
}

/*info*/

.location-section__info {
	border-bottom: 1px solid #DCDCDC;
}

.location-section__info-inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 24px;
	max-width: 380px; 
	padding-bottom: 1.5em;
}

.location-section__info-item {
	display: flex;
	justify-content: space-between;
}

.location-section__info-label {
	font-family: var(--e-global-typography-secondary-font-family);
	font-size: 1rem;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.40);
}

/*additional info*/

.location-section__additional-info {
	padding: 1.5em 0 0 0;
}

/*informative list*/

.location-section__information-list {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	border: 1px solid #DCDCDC;
	padding: calc(12px + (24 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.location-section__information-list-element {
	display: grid;
	grid-template-columns: 5% auto;
	align-items: center;
	gap: 10px;
}

/*btns*/

.location-section__btn-container {
	display: flex;
	gap: 1em;
	padding-top: 2em;
}

.location-section__btn-container .btn-link {
	font-size: 17px;
	column-gap: 10px;
	text-transform: none;
}

.location-section__btn-container .btn-link-primary {
	background-color: var(--e-global-color-primary, black);
	color: #fff;
	border: 1px solid var(--e-global-color-primary, black);
}

.location-section__btn-container .btn-link-primary:hover,
.location-section__btn-container .btn-link-primary:focus {
	background-color: var(--e-global-color-secondary, black);
	border-color: var(--e-global-color-secondary, black);
}

.location-section__btn-container .btn-link-secondary {
	background-color: #fff;
	color: var(--e-global-color-primary, black);
	border: 1px solid var(--e-global-color-primary, black);
}

.location-section__btn-container .btn-link-secondary:hover,
.location-section__btn-container .btn-link-secondary:focus {
	background-color: var(--e-global-color-primary, black);
	border-color: var(--e-global-color-primary, black);
	color: #fff;
}