.adjust {
      height: 112px;
  }

  .hero {
      width: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../image/index-hero.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 25dvh;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .contact-section {
      background: white;
  }

  .contact-info {
      display: block;
      width: 100%;
      color: black;
      text-decoration: none;
  }

  .send-message-button {
      display: block;
      width: 100%;
      text-align: center;
      padding: 10px;
      border-radius: 0px;
      background: var(--color-2);
      color: white;
      font-weight: 500;
      border: none;
      outline: none;

      &:hover {
          background: var(--color-3);
      }
  }

  .c-input {
      border-radius: 0;
      outline: none;

      &:focus {
          outline: none;
          box-shadow: none;
          border: 1px solid var(--color-3);
      }
  }

  .contact-card {
      width: 100%;
      height: 100%;
  }

  .contact-item {
      display: block;
      width: 100%;
      text-decoration: none;
      text-decoration: none;
      color: black;
  }

  .contact-item:not(:first-child) {
      margin-top: 10px;
  }

  .map {
      width: 100%;
      min-height: 450px;
  }

  @media (max-width:992px) {
      .adjust {
          height: 70px;
      }
  }