footer {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     padding: 50px;
     background: #111;
     flex-wrap: wrap;
    padding-left: 200px;
     padding-right: 200px;
 }

 .footer-left {
     flex: 1;
     min-width: 280px;
 }

 .footer-left h2 {
     color: #fff;
     font-weight: 700;
     margin-bottom: 20px;
     font-size: 22px;
 }

 .footer-left p {
     color: #fff;
     margin: 5px 0;
     font-size: 15px;
     line-height: 1.6;
 }

 .footer-left .social-icons {
     margin-top: 20px;
 }

 .footer-left .social-icons a {
     color: #fff;
     margin-right: 15px;
     font-size: 22px;
     transition: 0.3s;
 }

 .footer-left .social-icons a:hover {
     color: #f00;
 }

 .footer-right {
     flex: 1;
     min-width: 280px;
 }

 .footer-right iframe {
     width: 100%;
     height: 250px;
     border: 0;
     border-radius: 8px;
 }

 @media (max-width: 768px) {
     footer {
         flex-direction: column;
         text-align: center;
        align-items: center;
         padding-left: 0px;
        padding-right: 0px;
     }

     .footer-right {
         margin-top: 30px;
     }
 }

 /* Invert colors and grayscale for dark mode */
 /* .dark-map {
     filter: invert(100%) grayscale(100%);
   
 } */