.map_zoom{position: relative; z-index: 5;  }

.map_modal {width: 200px; height: auto; position: absolute; background: #fff; z-index: 10; left: 0px; top: 0px; padding: 10px; border-radius: 7px;}
.my_modal_close {background: #fff; position: absolute; right: -15px; top: -15px; display: flex; align-items: center; justify-content: center; font-size: 24px; transform: rotate(45deg); width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ddd}
#scheme path.cls-g {position: relative}

.map_modal_body {text-align: center; font-size: 15px; line-height: 20px;}
.map_modal_body p {margin-bottom: 5px;}
.map_modal_title {font-weight: 600}

.cl1 {height: 400px; overflow: hidden; width: 90%; margin: -100px auto 0px auto; border: 1px solid red; }

.cl2 {width: 100%; height: 500px; background: #ddd; border: 1px solid green; background-size: cover; transform: scale(2) }


#scheme-container {position: relative;overflow: hidden;  height: 100% !important; transform-origin: top left}
#scheme { position: absolute;  width: 100%;   transition: transform .3s;
}


@media (max-width: 500px) {
  .map_modal {width: 200px; height: auto; position: absolute; background: #fff; z-index: 10; left: 25%!important; top: 0px; padding: 10px; border-radius: 7px;}
}

.map_zoom_button {background: linear-gradient(198.45deg, #FFDD9D 12.51%, #EAC379 87.89%); border: transparent; width: 40px; 
	height: 40px; font-size: 30px; line-height: 30px; font-weight: 100 ; position: absolute; right: 0px; top: 200px; z-index: 2}
.map_zoom {position: relative; }

.map_zoom_button.zoom_plus {top: 300px}
.map_zoom_button.zoom_minus {top: 360px}

.scroll-bar {height: 60px !important; background: background: #EAC379  !important; opacity: 1 !important}

.scroll-scrollx_visible1 {opacity: 0.1 !important}

#scheme-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#scheme-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-element_track {opacity: 0 !important}