#prop-det-map .prop-det-main-block--outer { padding: 0; gap: 0;}
#prop-det-map:not(.active) header { position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(1px); border-bottom: 0;}

.prop-det-location { display: flex; width: 100%; flex-direction: column;}
.map-placeholder {display: flex; width: 100%; height: 380px; position: relative; overflow: hidden; align-items: center; justify-content: center;}
.map-placeholder .img {width: 100%; height: 100%;}
.map-placeholder .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0 0 5px 5px;}
.map-placeholder::after {content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgb(255 255 255 / 50%);z-index: 1;backdrop-filter: blur(0px); transition: all .3s ease-in-out;}

.map-placeholder:hover::after {background-color: rgb(255 255 255 / 10%); }

.map-placeholder #show-map {position: absolute;z-index: 9;font-size: 1.8rem;margin-top:40px}


.map-outer {display:none; width: 100%;}
.map-options {position: relative;display: flex;width: 100%;justify-content: space-evenly;background: var(--color-primary);border-radius: 0 0 5px 5px;}
.map-options header {margin-bottom: 15px;display: none;}
.map-options .subtitle {float: left;width: 100%;font-size: 2.2rem;font-weight: 500;color: var(--main-blue);letter-spacing: 0.05rem;}
.map-options .disclaimer {float: left;width: 100%;font-size: 1.4rem;font-weight: 400;color: #666;margin-top: 10px;}


.map-options label {float: left;height: 100%;background: none;width: 100%;border-right: 1px solid rgb(255 255 255 / 10%); cursor: pointer;}
.map-options label:last-child { border-right: none; }
.map-options label > span {display: flex;flex-direction: column;align-items: center;gap: 4px;font-size: 1.3rem;font-weight: 500;color: #fff;text-transform: capitalize;line-height: 1;height: 65px;justify-content: center;text-align: center;}
.map-options label > span i {color: #fff;font-size: 1.8rem;}

.map-options label input { display: none; }
.map-options label input[type=checkbox]:checked + span {
    color: var(--color-primary-alt);
}
.map-options label input[type=checkbox]:checked + span i {color: var(--color-primary-alt);}

.map-display{float: left;width: 100%;}
#map_canvas { width: 100%; }

.gm-style .gm-style-iw { overflow: visible;}
.gm-style .gm-style-iw-chr .gm-ui-hover-effect{position: absolute!important;top: -12px;right: -12px;width: 24px!important;height: 24px!important;display: flex;align-items: center;justify-content: center;background: var(--color-secondary)!important;opacity: 1;border-radius: 50%;}
.gm-style .gm-style-iw-chr .gm-ui-hover-effect>span{margin: 2px!important;background-color: #fff;width: 20px!important;height: 20px!important; }


@media(max-width:1200px) and (min-width:981px){
  .map-options label > span { font-size: 1.2rem;}
}

@media (max-width: 980px) {

}

@media (max-width: 667px) {
  .map-options label > span i{ font-size: 2.4rem;}
  .map-options label .text-label { display: none; }

}

@media (max-width: 480px) {
  .map-options label > span { height: 50px;}
  .map-options label > span i{ font-size: 2rem;}
  #map_canvas { height: 350px!important;}

}