.map-container{max-width:100%;height:581px;margin:80px auto 0;position:relative}#map{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5}.nearby-pois--container{z-index:10;width:100%;padding:28px;gap:1rem}.nearby-pois{display:flex;align-items:center;justify-content:center;background:var(--white-color-1);border:1px solid var(--primary-color);font-size:14px;font-style:normal;font-weight:500;line-height:20px;padding:4px 10px;cursor:pointer;transition:all .3s ease-out}.nearby-pois.active{background:var(--primary-color);color:var(--white-color-1)}.office-marker{border:2px solid var(--black-color-2);background-color:var(--white-color-1);background-size:cover;width:40px;height:40px;border-radius:50%;cursor:pointer}.poi-marker{background-size:cover;width:30px;height:30px;cursor:pointer}.loft-marker-popup-text{font-size:16px;font-weight:600;line-height:1.5;text-transform:capitalize;margin:5px auto;width:75%;text-align:center;color:var(--accent-color-3)}.pois-marker-popup-text{font-size:14px;font-weight:600;line-height:1.5;width:100%;text-align:center;color:var(--black-color-1)}.mapboxgl-popup-close-button{font-size:20px}.mapboxgl-popup-content{border-radius:8px;padding:17px 10px}@media screen and (max-width:991px){.nearby-pois--container{padding:16px;gap:10px}.map-container{margin:40px auto 0}}