body {
      margin: 0;
      font-family: Arial, sans-serif;
      font-size: 1rem;
    }
    .ahr{
      margin-top: -60px;
  
    }
    .ahmed {
      margin-top: 90px;
    }

    .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      margin-bottom: 10px;
      /* Adjust the margin-bottom for the container */
    }

    .image-container {
      flex: 1;
      max-width: 600px;
      margin-left: 20px;
      /* Adjust the margin-bottom for the image-container */
    }

    .form-container {
      flex: 1;
      max-width: 600px;
      margin-right: 0px;
    }

    @media screen and (min-width: 600px) {
      .form-container {
        flex: 1;
        max-width: 600px;
        margin-right: 40px;
        /* Adjust the margin-bottom for the form-container */
      }
    }

    img {
      max-width: 100%;
      height: auto;
    }

    form {
      font-size: 1em;
    }

    label {
      display: block;
      margin-bottom: 8px;
    }

    input {
      width: 100%;
      padding: 8px;
      margin-bottom: 16px;
      box-sizing: border-box;
    }

    .top-buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;
      /* Adjust the margin-bottom for the top-buttons */
    }

    .top-button {
      margin: 0 10px;
    }

    @media screen and (max-width: 600px) {
      .image-container {
        display: none;
      }

      .form-container {
        max-width: 100%;
      }

      .top-buttons {
        flex-direction: row;
        flex-wrap: wrap;
      }

      .top-button {
        margin: 5px;
      }

      .form-container {
        width: auto;
        height: auto;
        border-radius: 45px;
        border: #0000006b;
        border-style: solid;
      }

    }

    .bubble-switcher__button,
    .mi-btn--light {
      transition: background-color 0.3s ease-in-out;
    }

    .bubble-switcher__button:hover,
    .mi-btn--light:hover {
      background-color: #0056b3;
      /* Change to the desired hover color */
      color: #fff;
      /* Change to the desired text color on hover */
    }

    #header {
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100vw;
      height: auto;
    }