/* Map Geo Filter */

circle.imapsCircle { stroke-width: 2; }

.map-facility{
 padding: 28px 28px 34px;
}

.imapsSprite-group.imapsPointedShape-group.imapsPointedRectangle-group {
	stroke: transparent;
}

.map-facility h3 {
  margin-bottom: 11px;
  text-transform: inherit;
  line-height: 27px;
  font-size: 22px;
  font-size: 2.2rem;
}

.imapsSprite-group.imapsRoundedRectangle-group {
	fill: #000F56;
}

.imapsContainer.imapsButton {
	fill: #ffffff;
}

.imapsSprite-group.imapsContainer-group.imapsLabel-group {
	fill: #ffffff;
}

.map-geo-zoom-message {
	background: #000622;
	text-align: center;
	padding: 1rem;
	border-radius: 8px 2px;
}

.map-geo-tooltip-information {
	text-decoration: none !important;
}

.map-geo-tooltip-information:hover {
	.map-geo-tooltip-image-arrow-btn {
		background-color: #000F56;
		bottom: 0;
		background-image: url('/wp-content/uploads/2024/06/arrow-forward.svg');
	}

	.map-geo-tooltip-details h4 {
		text-decoration: underline;
	}
}

.map-geo-tooltip-image-container {
	position: relative;
	height: 160px;
}

.map-geo-tooltip-image-arrow-btn {
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 44px;
    height: 44px;
		border-top-left-radius: 16px;
    background-color: #fff;
		background-image: url('/wp-content/uploads/2024/06/arrow-forward-blue.svg');
		background-repeat: no-repeat;
		background-position: center
}

.map-geo-tooltip-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 40px;
}

.map-geo-tooltip-details {
	padding: 16px;
	background: #fff;
	border-bottom-right-radius: 40px;
	
	h4 {
		margin-bottom: 8px;
	}
}


.-green-100-bg{
  background: #E2FDE8;
}

.-blue-100-bg{
  background: #DEF9FD;
}

.-gray-100-bg{
  background: #E9E9E9;
  ;
}

.-orange-100-bg{
  background: #FAE4D7;
}

.-yellow-100-bg{
  background: #FFF9E5;
}

.-dernairy-100-bg{
  background: #E2F2F8;
}

.-violet-100-bg{
  background: #F0F2FC;
}

  /* Map Geo Filter */
  
  .facilities-map-view {
	background: #fff;
	padding: 80px 30px 20px;
  }
  
  .facilities-view-header {
	border-radius: 60px 60px 0 0;
	overflow: hidden;
	margin-top: -60px;
	z-index: 3;
	position: relative;
  }
  
  .map-geo-column-gap {
	gap: 0px;
  }
  
  .map-geo-underline {
	text-decoration: underline;
  }
  
  .map-geo-checkboxes:hover {
	background: #fafafc;
  }
  
  .map-geo-checkboxes:hover .map-geo-checkbox-label {
	text-decoration: underline;
  }
  
  .map-geo-mobile-clear-all-filter {
	cursor: pointer;
  }
  
  .map-geo-clear-all-filter {
	cursor: pointer;
  }
  
  .map-geo-checkbox-input {
	position: inherit !important;
	accent-color: #000f56;
  }
  
  .map-geo-align-items-justify-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  .map-geo-pl-16-pr-33 {
	padding-left: 16px;
	padding-right: 33px;
  }
  
  .map-geo-pb-8 {
	padding-bottom: 8px;
  }
  
  .map-geo-ml-16 {
	margin-left: 16px;
  }
  
  .map-geo-mr-32 {
	margin-right: 32px;
  }
  
  .map-geo-py-12 {
	padding-top: 12px;
	padding-bottom: 12px;
  }
  
  .map-geo-py-16 {
	padding-top: 16px;
	padding-bottom: 16px;
  }
  
  .map-geo-my-16 {
	margin-top: 16px;
	margin-bottom: 16px;
  }
  
  .map-geo-checkbox-label {
	display: flex;
	align-items: center;
  }
  
  .map-geo-icon-bg-circle {
	display: flex;
	justify-content: center;
	width: 48px;
	padding: 12px;
	gap: 8px;
	border-radius: 50%;
	margin-right: 8px;
  }
  
  .map-geo-display-hide {
	display: none !important;
  }
  
  .map-geo-view-btn {
	display: flex;
	align-items: center;
	padding: 0 54px;
	border-radius: 48px;
	background: transparent;
	border: 1px solid #000f56;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;
	height: 41px;
  
	img {
	  margin-right: 8px;
	}
  }
  
  /* mobile view filter*/
  
  .map-geo-mobile-view {
	width: 100%;
	position: relative;
	display: inline-block;
  }
  
  .map-geo-view-btn-small {
	display: flex;
	align-items: center;
	padding: 12px 14px;
	border-radius: 48px;
	background: transparent;
	border: 1px solid #000f56;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;
	height: 41px;
  
	img {
	  margin-right: 8px;
	}
  }
  
  .map-geo-mobile-filter-checklist-container {
	width: 60%;
	position: relative;
	display: inline-block;
  }
  
  .map-geo-mobile-filter-checklist-select-div {
	width: 100%;
	color: #000f56;
	height: 40px !important;
	border: 1px solid #000f56 !important;
	border-radius: 25px !important;
	padding-right: 49px !important;
	padding-left: 20px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	font-family: Inter-Bold !important;
	box-sizing: border-box !important;
	cursor: default !important;
	  display: flex;
	  align-items: center;
  }
  
  .map-geo-mobile-filter-checklist-select-div-active {
	outline: 0;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  }
  
  .map-geo-mobile-filter-checklist-counter {
	position: absolute;
	right: 55px;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	border: none;
	font-size: 14px;
	font-weight: 700;
	color: #000f56;
	display: none;
  }
  
  .custom-arrow-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 40px;
	background-color: #000f56;
	border-radius: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
  }
  
  .map-geo-mobile-regular-font-size {
	font-size: 14px;
  }
  
  /* mobile view facility ddl */
  
  .map-geo-mobile-filter-checklist-dropdown-list {
	margin-top: 5px;
	padding-top: 5px;
	position: absolute;
	color: #000f56;
	font-size: 1.5rem;
	font-family: Inter-Bold;
	width: 100%;
	max-height: 300px;
	overflow-y: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	z-index: 1;
	box-sizing: border-box;
	  display: none;
  }
  
  .map-geo-mobile-checkboxes {
	overflow-y: auto;
	max-height: 240px;
  }
  
  .map-geo-mobile-filter-checklist-dropdown-list div.hide {
	display: none;
  }
  
  /* end of mobile view filter */
  
  .map-geo-facility-list-container {
	width: 50%;
	position: relative;
	display: inline-block;
  }
  
  .map-geo-facility-list-input {
	width: 100%;
	color: #000f56;
	height: 41px !important;
	border: 1px solid #000f56 !important;
	border-radius: 25px !important;
	padding-right: 110px !important;
	padding-left: 33px !important;
	line-height: 18px !important;
	font-size: 1.5rem !important;
	font-family: Inter-Bold !important;
	box-sizing: border-box !important;
	cursor: default !important;
  }
  
  .map-geo-facility-list-input:focus {
	outline: 0;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  }
  
  .map-geo-facility-dropdown-list {
	margin-top: 5px;
	position: absolute;
	color: #000f56;
	font-size: 1.5rem;
	font-family: Inter-Bold;
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	display: none;
	z-index: 1;
	box-sizing: border-box;
  }
  
  .map-geo-facility-dropdown-list div {
	padding: 2px 110px 2px 33px;
	cursor: pointer;
  }
  
  .map-geo-facility-dropdown-list div:hover {
	background-color: #767676;
	color: #fff;
  }
  
  .map-geo-facility-dropdown-list div.hide {
	display: none;
  }
  
  .custom-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 103px;
	height: 41px;
	background-color: #000f56;
	border-radius: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
  }
  
  .map-geo-facility-list-clear-btn {
	position: absolute;
	right: 115px;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-decoration: underline;
	font-size: 16px;
	color: #000f56;
	display: none;
  }
  
  @media only screen and (min-width: 992px) {
	  .map-geo-mobile-view-container {
		  display: none !important;
	  }
	  
	  .mobile-filter-test {
		  display: none !important;
	  }
  }
  
  @media (max-width: 991px) {
	  .map-geo-fuel-type-filter-large {
		  display: none !important;
	  }
	  
	  .map-geo-switch-btn-regular {
		  display: none !important;
	  }
	  
	  .map-geo-facility-list-container {
		  width: 100%;
	  }
	  
	  .facilities-map-view {
	background: #fff;
	padding: 60px 5px 20px;
  }
  }