.map-tab-section {
    display: flex;
    align-items: start;
    gap: 50px;
}
.tab-menu-wrapper {
    flex: 0 0 200px;
}
.map-trigger {
	background: #ffffff;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid transparent;
}
.map-trigger.active-button{
    border:1px solid #a42079;
}
.map-trigger h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}
.map-trigger p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
}
.next-days {
	font-weight: 600;
	text-decoration: underline;
	display: inline-block;
	color: var( --e-global-color-primary );
	font-size: 14px;
}
.next-days-status {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}
.next-days-status li {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
}
.next-days-status li::before {
	position: absolute;
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	width: 15px;
	height: 15px;
	top: 50%;
	left: 0;
	background: rgba(80, 200, 120,0.2);
	color: rgba(80, 200, 120,1);
	border-radius: 50%;
	transform: translateY(-50%);
	font-size: 10px;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.next-days-status li.close-day::before {
    content: "\f00d";
    background: rgba(255, 87, 51,0.2);
    color:rgba(255, 87, 51) ;
}
.shop-status {
	font-weight: 600;
	font-size: 14px;
	line-height: 25px;
}
.shop-status span {
	display: block;
}
.action-button .walking {
	display: block;
	font-size: 16px;
	font-weight:600;
}
.appoinmnet-button {
	font-weight: 500;
	background: var(--e-global-color-primary);
	color: #fff;
	padding: 4px 15px;
	border-radius: 4px;
	font-size:16px;
}
#button3 .appoinmnet-button{
	flex-basis:100%;
}
.action-button {
	text-align: center;
	margin-top: 5px;
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}
#button3 .action-button{
	justify-content: center;
}
.walking.appointment-by {
	font-size: 13px;
	font-weight: 700;
}
.appoinment-popup-box {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	padding: 50px 0;
	display: flex;
	align-items: center;
	justify-content: center;
    transition:0.3s all ease;
    opacity:0;
    visibility: hidden;
    z-index:-1;
}
.appoinment-popup-box.active{
    opacity:1;
    visibility:visible;
    z-index:999;
}
.appoinment-box-inner {
	max-width: 900px;
	background: #ffffff;
	margin: 0 auto;
	flex: 0 0 900px;
	max-height: 100%;
	border-radius: 24px;
	overflow-y: scroll;
}
.apnmnt-close {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 25px;
	background: #000;
	color: #ffff;
	cursor: pointer;
	margin-left: auto;
	border-radius: 0 24px 0 0;
}
@media only screen and (max-width:991px) {

	.map-tab-section {
		display: block;
	}
	.map-trigger {
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
	}
	#map {
		height: 550px !important;
	}
	.appoinment-box-inner {
		flex-basis: auto;
		max-width: 100%;
		margin: 0;
		width: 100%;
	}
	.appoinment-popup-box {
		padding: 30px 15px;
	}
}