.sectionContac {
      /*background-color: #fff;*/
      padding: 0 20px;
      border-radius: 10px;
    }

    .sectionContac h2 { color: #333; }

    .sectionContac form { display: grid; grid-gap: 20px; }

    .sectionContac input,
    .sectionContac textarea {
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 5px;
    }

    .sectionContac button {
      padding: 10px 20px;
      background-color: #00435A;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
    }

    .sectionContac button:hover { background-color: #3D8495; }

    .containerMapCcam {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: stretch;
      /*min-height: 100%;*/
      padding: 20px 0 40px 0;
    }

    .columnMapCcam {
      flex: 1;
      max-width: 500px;
      height: 400px;

      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
    }

    .tmnIcon{
      width: 30px;
      min-width: 30px;
    }

    .mapMapMABLEX {
      width: 100%;
      height: auto;
      border: 1px solid #ddd;
      border-radius: 5px;
    }

    @media (max-width: 768px) {
      .columnMapMABLEX {
        margin: 0 10px;
        flex: 0 0 auto;
        width: 100%;
      }
    }