.branches-custom-gmap{
	width: 100%;
	max-width: 100% !important;
	margin: 0 auto;
}
.branches-custom-gmap .branches-gmap-container{
	display: flex;
	gap: 0;
    flex-direction: column-reverse;
}
.branches-custom-gmap .gmap-wrap{
	width: 100%;
	padding: 0;
	height: 50vw;
	/*aspect-ratio: 1 / 0.9;*/
	box-sizing: border-box;
}
.branches-custom-gmap .gmap-holder{
	width: 100%;
	height: 100%;
}
.branches-custom-gmap .gmap-holder *{
	outline: none;
}
.branches-custom-gmap .gmap-wrap .gm-style .gm-style-iw-c{
	box-shadow: none;
	border-radius: 0;
	background: #ffffff;
	padding: 0;
	border: 1px solid #848484;
	width: 220px;
	max-width: 75vw;
}
.markertext{
    background: #ffffffa8 !important;
    padding: 8px;
    transform: translateX(calc(-50% - 16px));
}
.branches-custom-gmap .gmap-wrap .gm-style .gm-style-iw-d{
	overflow: auto !important;
}
.branches-custom-gmap .gmap-wrap .gm-style .gm-style .gm-style-iw-tc{
	box-shadow: none;
	filter: none;
}
.branches-custom-gmap .gmap-wrap .gm-style .gm-style-iw-tc::before{
	background: #ffffff;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	content: "";
	height: 13px;
	left: -2px;
	position: absolute;
	top: -2px;
	width: 29px;
}
.branches-custom-gmap .gmap-wrap .gm-style .gm-style-iw-tc::after {
	background: #ffffff;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	content: "";
	height: 12px;
	left: 0;
	position: absolute;
	top: -3px;
	width: 25px;
}
.branches-custom-gmap .gmap-wrap .gm-style-iw-chr {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
}
.branches-custom-gmap .gmap-wrap .gmap-branch-info{
	text-align: center;
	padding: 23px 15px 15px;
	font-family:"Assistant"!important;
}
.branches-custom-gmap .gmap-wrap .gmap-branch-info img{
	display: block;
	width: 105px;
	height: auto;
	margin: 0 auto 10px;
}
.branches-custom-gmap .gmap-wrap .gmap-branch-info strong{
	font-size: 20px;
	color: #000000;
	font-weight: 400;
	display: block;
	text-align: center;
}
.branches-custom-gmap .gmap-wrap .gmap-branch-info address{
	font-style: normal;
	color: #4d4d4d;
	font-size: 14px;
	display: none;
}
.branches-custom-gmap .gmap-branches-aside{
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	direction: rtl;
    padding: 0;
    margin: 0 auto;
    font-family: 'Assistant';
	
}
.branches-custom-gmap .gmap-branches-areas {
	color: #beafa1;
	margin: 3vw 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
    flex-wrap: wrap;	
}
.branches-custom-gmap .gmap-branches-areas li{
	width: auto;
	border-left: 1px solid #555555;
    padding: 0 1em;
}
.branches-custom-gmap .gmap-branches-areas li:last-child{
	border-left:0 !important;
}
.branches-custom-gmap .gmap-branches-areas li a{
	color: #7d7b7b;
	text-decoration: none;
	display: block;
	padding: 0 0 4px;
	text-align: center;
	outline: none;
	font-size:var(--e-global-typography-text-font-size);
	font-family:"Assistant";
}
.branches-custom-gmap .gmap-branches-areas li.active a{
	color: #fff;
}
.branches-custom-gmap .gmap-branches-list-holder{
	/*height: calc(100% - 60px);
	overflow: auto;
	scrollbar-color: #beafa1 #0f3d55;
	scrollbar-width: thin;*/
	display:none !important;

}
.branches-custom-gmap .gmap-branches-list-holder ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.branches-custom-gmap .gmap-branches-list-holder ul li{
	background: #fff;
	display: flex;
	padding: 10px 22px;
	margin: 0 0 6px;
	cursor: pointer;
}
.branches-custom-gmap .gmap-branches-list-holder ul li.active{
	background: #e9e4e0;
}
.branches-custom-gmap .gmap-branches-list-holder ul li:last-child{
	margin: 0;
}
.branches-custom-gmap .gmap-branches-list-holder .gmap-branch-logo{
	margin: 0 0 0 55px;
	width: 115px;
	min-width: 115px;
}
.branches-custom-gmap .gmap-branches-list-holder .gmap-branch-logo img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.branches-custom-gmap .gmap-branches-list-holder .gmap-branch-title{
	margin: 0 0 5px;
	font-size: 24px;
	color: #927963;
	font-weight: 400;
}
.branches-custom-gmap .gmap-branches-list-holder address{
	font-style: normal;
	color: #4d4d4d;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.branches-custom-gmap .gmap-branches-aside {
		width: 100%;
		min-width: 100%;
		padding: 5vw;
	}
	.branches-custom-gmap .gmap-wrap{
		height: 75vh!important;
	}
}
@media screen and (max-width: 1023px) {
	.branches-custom-gmap .branches-gmap-container{
		flex-wrap: wrap;
	}
	.branches-custom-gmap .gmap-wrap {
		width: 100%;
		padding: 2%;
	}
	.branches-custom-gmap .gmap-branches-aside {
		width: 100%;
		padding: 30px 25px;
	}
	.branches-custom-gmap .gmap-branches-list-holder .gmap-branch-logo {
		margin: 0 0 0 20px;
		width: 75px;
		min-width: 75px;
	}
}