#map-view1 {
                height: 450px;
                width: 100%;
                z-index: 1;
            }

            .custom-popup {
                display: flex;
                align-items: center;
            }

            .popup-circle {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .circle {
                background-color: #ffc923;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .popup-text {
                flex: 11;
                padding-left: 10px;
            }
            .leaflet-popup-content {
                width: 450px !important;
            }
            .legend-view1 {
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 100%;
                margin-right: 5px;
                vertical-align: middle;
            }

            .legend-view1#icon1 {
                background-color: #2e85cb;
            }

            .legend-view1#icon2 {
                background-color: #5c2adb;
            }

            .legend-view1#icon3 {
                background-color: #ffc002;
            }

            .legend-view1#icon4 {
                background-color: #b4b4b4;
            }

            .legend-text {
                font-weight: bold;
            }