 .contact-container {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
      align-items: flex-start;
      max-width: 1200px;
      margin: auto;
    }

    .contact-card {
      flex: 1 1 350px;
      background: linear-gradient(to right, #141e30, #243b55);
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.5);
      transition: transform 0.3s ease;
    }

    .contact-card:hover {
      transform: translateY(-5px);
    }

    .contact-card h2 {
      font-size: 26px;
      margin-bottom: 20px;
      color: rgb(209 11 11);
    }

    .contact-info {
      margin: 15px 0;
      display: flex;
      align-items: center;
      transition: color 0.3s ease, transform 0.3s ease;
    }

    .contact-info:hover {
      transform: translateX(5px);
    }

    .contact-info img {
      width: 24px;
      margin-right: 10px;
      filter: brightness(1.2);
    }

    .contact-info a, .contact-info span {
      color: #ccc;
      text-decoration: none; /* No underline */
      transition: color 0.3s ease;
    }

    .contact-info a:hover, .contact-info span:hover {
      color: rgb(57 165 255);
      text-decoration: none; /* Still no underline on hover */
      cursor: pointer;
    }

    .map-frame {
      flex: 1 1 450px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }

    .map-frame iframe {
      width: 100%;
      height: 100%;
      min-height: 300px;
      border: none;
    }

    .social-icons {
      margin-top: 25px;
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
    }

    .social-icons a img {
      width: 32px;
      transition: transform 0.3s ease;
    }

    .social-icons a:hover img {
      transform: scale(1.2);
      filter: brightness(1.4);
    }

    @media screen and (max-width: 768px) {
      .contact-container {
        flex-direction: column;
        align-items: center;
      }

      .contact-card,
      .map-frame {
        width: 100%;
      }
    }