#map {
                width: 100%;
                height: 600px;
                border-radius: 12px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
                margin-bottom: 20px;
            }

            /*.map-container {
                padding: 20px;
            }

            .map-header {
                text-align: center;
                margin-bottom: 20px;
            }

            .map-header h1 {
                color: #ffff;
                font-size: 3.5rem;
                margin-bottom: 10px;
            }

            .map-header p {
                color: #ffff;
                font-size: 16px;
            }*/

            .info-window {
                max-width: 250px;
            }

            .info-window h3 {
                margin: 0 0 10px 0;
                color: #0D4FD5;
            }

            .info-window p {
                margin: 5px 0;
                font-size: 14px;
            }

            .location-list {
                background: white;
                padding: 20px;
                border-radius: 12px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                margin-top: 20px;
            }

            .location-list h2 {
                color: #0D4FD5;
                margin-bottom: 15px;
            }

            .location-item {
                padding: 15px;
                border-bottom: 1px solid #e0e0e0;
                transition: background 0.3s;
            }

            .location-item:hover {
                background: #f8f9fb;
            }

            .location-item:last-child {
                border-bottom: none;
            }

            .location-name {
                font-weight: 600;
                color: #383838;
                font-size: 16px;
            }

            .location-address {
                color: #666;
                font-size: 14px;
                margin-top: 5px;
            }
            #map {
                width: 100%;
                height: 600px;
                border-radius: 12px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
                margin-bottom: 20px;
            }

            /*.map-container {
                padding: 20px;
            }

            .map-header {
                text-align: center;
                margin-bottom: 20px;
            }

            .map-header h1 {
                color: #ffff;
                font-size: 3.5rem;
                margin-bottom: 10px;
            }

            .map-header p {
                color: #ffff;
                font-size: 16px;
            }*/

            .info-window {
                max-width: 250px;
            }

            .info-window h3 {
                margin: 0 0 10px 0;
                color: #0D4FD5;
            }

            .info-window p {
                margin: 5px 0;
                font-size: 14px;
            }

            .location-list {
                background: white;
                padding: 20px;
                border-radius: 12px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                margin-top: 20px;
            }

            .location-list h2 {
                color: #0D4FD5;
                margin-bottom: 15px;
            }

            .location-item {
                padding: 15px;
                border-bottom: 1px solid #e0e0e0;
                transition: background 0.3s;
            }

            .location-item:hover {
                background: #f8f9fb;
            }

            .location-item:last-child {
                border-bottom: none;
            }

            .location-name {
                font-weight: 600;
                color: #383838;
                font-size: 16px;
            }

            .location-address {
                color: #666;
                font-size: 14px;
                margin-top: 5px;
            }

            /* FORCE ALL GOOGLE MAPS TEXT TO BLACK - OVERRIDE ALL CSS */
            #map *,
            #map div,
            #map span,
            #map label,
            #map p,
            #map a,
            #map button,
            .gm-style *,
            .gm-style div,
            .gm-style span,
            .gm-style label,
            .gm-style p,
            .gm-style a,
            .gm-style button {
                color: #000000 !important;
            }
            
            /* Info window text */
            .gm-style .gm-style-iw,
            .gm-style .gm-style-iw *,
            .gm-style-iw-d,
            .gm-style-iw-d *,
            .gm-style-iw-c,
            .gm-style-iw-c * {
                color: #000000 !important;
            }

            /* Map controls */
            .gm-control-active,
            .gm-control-active *,
            .gm-control-active span,
            .gmnoprint *,
            .gmnoprint div,
            .gmnoprint span {
                color: #000000 !important;
            }

            /* Place labels */
            .gm-style .gm-style-mtc,
            .gm-style .gm-style-mtc *,
            .gm-style-mtc div {
                color: #000000 !important;
            }

            /* Universal fallback */
            [class*="gm-"],
            [class*="gm-"] * {
                color: #000000 !important;
            }

            /* Custom info window styling */
            .info-window h3 {
                color: #000000 !important;
            }

            .info-window p,
            .info-window strong {
                color: #000000 !important;
            }