.mdw__tracking_search-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 600px; 
  margin: auto;

  .mdw__tracking_search-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;

    .mdw__tracking_search-form {
      display: flex;
      align-items: center;
      gap: 0;
      width: 100%;

      label {
        font-family: "mdw bebas neue", Sans-serif;
        font-size: 18px;
        font-weight: 400;
        width: 50%;
        color: var(--e-global-color-primary);
      }

      .mdw__tracking_search {
        border: solid 2px var( --e-global-color-primary );
        background-color: var(--e-global-color-6e12254);
        font-family: "mdw bebas neue", Sans-serif;
        font-size: 16px;
        padding: 1rem;
        border-radius: 0;
        color: var(--e-global-color-primary);
      }
    }

    .mdw__tracking_search-button {
      background-color: var(--e-global-color-6e12254);
      font-family: "IBM Plex Sans Condensed", Sans-serif;
      font-size: 25px;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      fill: var(--e-global-color-primary);
      color: var(--e-global-color-primary);
      border-style: solid;
      border-width: 2px 2px 2px 2px;
      border-color: var(--e-global-color-primary);
      border-radius: 0px 0px 0px 0px;
      padding: 1rem 5rem 1rem 5rem;

      &:hover {
        background-color: var(--e-global-color-primary);
        fill: var(--e-global-color-6e12254);
        color: var(--e-global-color-6e12254);
      }
    }
  }

  .mdw__tracking_result {
    .mdw__title_response {
      font-family: "mdw bebas neue", Sans-serif;
      font-size: 28px;
      color: var(--e-global-color-primary);
    }

    .mdw__status-table {
      thead {
        th {
          font-family: "mdw bebas neue", Sans-serif;
          font-size: 20px;
          letter-spacing: 2px;
          color: var(--e-global-color-6e12254);
          background-color: var(--e-global-color-primary);
        }
      }

      tbody {
        font-family: "IBM Plex Sans Condensed", Sans-serif;
      }
    }

    .dc-loader-ajax {
      width: 100px;
      margin: auto;
    }
  }
}