.category-buttons {
    display: flex;
    align-items: center;
    width: 100%;
}

.category-buttons button{
    border-radius: 0;
    background: #FAF5EB;
    border: none;
    display: flex;
    width: 328px;
    height: 70px;
    padding: 0px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #1F2333;
    text-align: center;
    font-family: 'Glancyr';
    font-size: 20px;
    font-style: normal;
    font-weight: 550;
    line-height: 40px; /* 200% */
    text-transform: uppercase;
    flex: 1;
}

.category-buttons button.active{
    color: #E0C55C;
    background: #1F2333;
}

.map-locations-list {
    padding: 56px;
}

.map-locations-list ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #0C1316;
    font-family: 'Gotham';
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 36px;
    column-count: 4;
    column-gap: 100px;
    max-width: 960px;
    margin:0 auto;
}


.locations-list-wrap{
    position: relative;
    z-index: 1;
}

.category-buttons-wrap {
    display: flex;
    justify-content: center;
}

.gm-style-iw-d {
	overflow: auto !important;
}

.gm-style-iw-d .title {
	font-weight: bold;
}

.gm-style-iw-ch {
	padding: 0 !important;
}

.gm-style-iw-ch {
	padding: 0 !important;
}

.gm-style .gm-style-iw-tc,
.gm-style .gm-style-iw-tc::after {
	height: 6px !important;
	width: 12px !important;
}

.gm-style .gm-style-iw-tc::after {
	background: #003A4A !important;
}

.gm-style .gm-style-iw-c {
	font-family: 'Glancyr' !important;
	padding: 10px !important;
	padding-right: 34px !important;
	background: #1F2333 !important;
	color: #E0C55C !important;
	border-radius: 0 !important;
}

.gm-style .gm-style-iw {
	font-size: 14px !important;
	line-height: 1.4 !important;
}

.gm-style-iw-chr button.gm-ui-hover-effect {
	position: absolute !important;
	right: 8px !important;
	width: 16px !important;
	height: 16px !important;
}

.gm-style-iw-chr button.gm-ui-hover-effect span {
	margin: 0 !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #E0C55C !important;
}

.gm-style .transit-container,
.gm-style .transit-container div{
	background: transparent !important;
}

.poi-info-window div, .poi-info-window a {
	font-family: 'Glancyr' !important;
	background: transparent !important;
	color: #E0C55C !important;
}

.poi-info-window a {
	display: block;
	outline: none !important;
}

@media (max-width: 1024px) {
	
	.dynamic-map {
		width: auto !important;
		margin: 0 -18px;
	}
	
	.locations-list-wrap {
		margin-bottom: 10px;
	}
	
	.category-buttons {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.category-buttons button {
		background: transparent;
		font-size: 15px;
		line-height: 20px;
		width: auto;
		height: auto;
		padding: 16px 32px;
		border: 1.5px solid #212121;
	}
	
	.category-buttons button.active {
		color: #FAF5EB;
	}
}