.custom-marker{width:30px;height:30px;background-color:#007bff;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;border:2px solid white;box-shadow:0 0 0 2px #007bff;cursor:pointer;transition:transform .2s}.custom-marker:hover{transform:scale(1.2)}.marker-first{background-color:#28a745;box-shadow:0 0 0 2px #28a745}.marker-last{background-color:#dc3545;box-shadow:0 0 0 2px #dc3545}.mapboxgl-popup{max-width:280px!important}.mapboxgl-popup-content{font-family:"Open Sans",sans-serif;padding:15px;text-align:left;width:100%}.mapboxgl-popup-content h4{margin:-5px 0 10px;font-size:11px;text-transform:uppercase;color:#888;font-weight:700;border-bottom:1px solid #eee;padding-bottom:8px}.mapboxgl-popup-content p{margin:0 0 5px;font-size:14px;color:#555}.mapboxgl-popup-content p:last-child{margin-bottom:0}.mapboxgl-popup-close-button{position:absolute;top:5px;right:5px;color:#000!important;background:0 0!important;font-size:24px;line-height:1;border:none}.mapboxgl-popup-close-button:hover,.mapboxgl-popup-close-button:focus{color:#000!important;background:0 0!important;outline:none!important;box-shadow:none!important}