.modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            border: 1px solid #ccc;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }
        section.map .modal-content {
            margin-top: 80px;
        }
        .modal-content {
            overflow-y: auto;
            position: relative;
            animation: slideLeft 0.5s ease-in-out;
            background-color: #B2B2B2;
            border: none;
            border-radius: 0;
            outline: 0;
            padding: 35px 60px;
            max-width: 820px;
            max-height: 100%;
            height: auto;
        }

        div#modal p {
            font-family: Jost;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.4;
            letter-spacing: 0px;
            color: #fff;
            margin-bottom: 30px;
        }

        section h5 {
            font-family: Jost;
            font-weight: 600;
            font-size: 20px;
            line-height: 100%;
            letter-spacing: 0px;
            color: #fff;
            margin: 25px 0;
        }
        @keyframes slideLeft {
            from {
                left: 100%;
                opacity: 0;
            }
            to {
                left: 0;
                opacity: 1;
            }
        }
        .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 30px;
            line-height: 1;
            background: #004899;
            padding: 3px 9px;
            border-radius: 100%;
            color: #fff;
            z-index: 2;
        }
        circle.animated-circle[cx="1015.5"][cy="305.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 1015.5px 305.5px;
        }
        circle.animated-circle[cx="1394.5"][cy="62.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 1394.5px 62.5px;
        }
        circle.animated-circle[cx="353.5"][cy="455.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 353.5px 455.5px;
        }
        circle.animated-circle[cx="421.5"][cy="678.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 421.5px 678.5px;
        }
        circle.animated-circle[cx="464.5"][cy="733.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 464.5px 733.5px;
        }
        circle.animated-circle[cx="702.5"][cy="735.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 702.5px 735.5px;
        }
        circle.animated-circle[cx="743.5"][cy="708.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 743.5px 708.5px;
        }
        circle.animated-circle[cx="572.5"][cy="613.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 572.5px 613.5px;
        }
        circle.animated-circle[cx="444.5"][cy="539.5"] {
            animation: pulse 2s ease-in-out infinite;
            transform-origin: 444.5px 539.5px;
        }
        @keyframes pulse {
            0% {
                transform: scale(0.5);
                opacity: 0.8;
            }
            50% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(0.5);
                opacity: 0.8;
            }
        }