.mp-track-parcel-form-wrapper {
  position: relative;
}

.mp-track-parcel-error-message {
  color: var(--Status-status-error, #DF2D1C);
  font-family: "GlobalSans Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  padding-top: 8px;
}

.mp-track-parcel {
  gap: 1rem;
  border-radius: 4px;
  padding: var(--Spacing-spacing-4, 16px) 12px;
  background: var(--Dark-Fern-Scale-white, #FFF);
  box-shadow: 0px 1px 9px 0px rgba(217, 217, 217, 0.25);
}

.mp-track-parcel-title {
  color: var(--grey, #292929);
  font-family: "GlobalSans Semibold", sans-serif;
  font-size: 24px;
  font-weight: 567;
  line-height: 30px;
}

.mp-track-parcel-form {
  background: var(--Dark-Fern-Scale-white, #FFF);
  border: 1px solid var(--Dark-Fern-Scale-dark-fern-40, rgba(20, 50, 0, 0.4));
  border-radius: 6px;
  padding: var(--Spacing-spacing-2, 8px);
}

.mp-track-parcel-form-input {
  padding: var(--Spacing-spacing-2, 8px);
  border-radius: 6px;
  border: 1px solid var(--Dark-Fern-Scale-dark-fern-40, rgba(20, 50, 0, 0.4)) !important;
  background: var(--Dark-Fern-Scale-white, #FFF);
  color: var(--grey, #292929) !important;
  font-family: "GlobalSans Regular", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  height: 56px;
}

.mp-track-parcel-form-input.has-error {
  border-color: var(--Status-status-error, #DF2D1C) !important;
}

.mp-track-parcel-form-input,
.mp-track-parcel-form-input:focus,
.mp-track-parcel-form-input:active {
  border: none;
  outline: none;
}

.mp-track-parcel-form-btn {
  color: var(--Dark-Fern-Scale-white, #FFF);
  font-family: "GlobalSans Bold", sans-serif !important;
  font-size: 14px;
  line-height: 16px;
  border-radius: 6px !important;
  background: var(--Primary-dark-fern, #143200);
  border: none;
  padding: 12px 25px !important;
  position: absolute;
  top: 8px;
  right: 8px;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .mp-track-parcel {
    padding: var(--Spacing-spacing-5, 24px) !important;
  }
  .mp-track-parcel-title {
    color: #262626;
    font-size: 30px !important;
    font-weight: 567;
    line-height: 36px !important;
    word-wrap: break-word;
  }
}
.semi-bold {
  font-family: "GlobalSans Semibold", sans-serif;
  font-weight: 567;
}

.mp-info-content {
  padding: var(--Spacing-spacing-4, 16px) var(--Spacing-spacing-3, 12px);
  border-radius: 3px 3px 2.5px 2.5px;
  margin-top: 16px;
}

.mp-info-content.mp-info {
  background: var(--Status-staus-info-transparent-light, rgba(0, 154, 217, 0.1));
  border-bottom: 5px solid var(--Status-staus-info, #2197D3);
}

.mp-info-content.mp-confirm {
  background: var(--Status-staus-info-transparent-light, rgba(126, 211, 33, 0.2));
  border-bottom: 5px solid var(--Status-staus-info, #63C322);
}

.mp-info-content.mp-warning {
  background: var(--Status-staus-info-transparent-light, rgba(255, 179, 26, 0.2));
  border-bottom: 5px solid var(--Status-staus-info, #FFB31A);
}

.mp-info-content.mp-alert {
  background: var(--Status-staus-info-transparent-light, rgba(223, 45, 28, 0.2));
  border-bottom: 5px solid var(--Status-staus-info, #DF2D1C);
}

.mp-info-content-icon {
  width: 32px;
  height: 32px;
}

.mp-info .mp-info-content-icon {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="%232197D3" xmlns="http://www.w3.org/2000/svg"><path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6 18.6 24 12 24C5.4 24 0 18.6 0 12C0 5.4 5.4 0 12 0C18.6 0 24 5.4 24 12ZM12.7 7.15C12.7 7.75 12.2 8.25 11.6 8.25C11 8.25 10.5 7.7 10.5 7.1C10.5 6.5 11 6.05 11.6 6.05C12.2 6.05 12.7 6.55 12.7 7.15ZM14.25 17.25C14.65 17.25 15 16.9 15 16.5C15 16.1 14.65 15.75 14.25 15.75H13.5C13.3 15.75 13.05 15.7 12.95 15.55C12.85 15.4 12.75 15.2 12.75 15V11.25C12.75 10.85 12.6 10.5 12.3 10.2C12.05 9.9 11.65 9.75 11.25 9.75H10.5C10.1 9.75 9.75 10.1 9.75 10.5C9.75 10.9 10.1 11.25 10.5 11.25H11.25V15C11.25 15.6 11.45 16.15 11.9 16.6C12.35 17 12.9 17.25 13.5 17.25H14.25ZM12 1.5C17.8 1.5 22.5 6.2 22.5 12C22.5 17.8 17.8 22.5 12 22.5C6.2 22.5 1.5 17.8 1.5 12C1.5 6.2 6.2 1.5 12 1.5Z" /></svg>') transparent no-repeat scroll 0 0;
  background-size: contain;
}

.mp-confirm .mp-info-content-icon {
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="%2363C322" xmlns="http://www.w3.org/2000/svg"><path id="Path" d="M24.6 8.33257C24.2 7.99923 23.5333 8.0659 23.2 8.4659L12.7333 21.7326C12.7333 21.7992 12.6667 21.7992 12.6667 21.7992C12.4667 21.9326 12.2667 21.8659 12.0667 21.6659L8.79999 16.9992C8.46666 16.5326 7.86666 16.4659 7.39999 16.7326C6.93333 17.0659 6.86666 17.6659 7.13333 18.1326L10.4 22.7326C10.7333 23.2659 11.2667 23.5992 11.9333 23.7326C12.0667 23.7326 12.2667 23.7992 12.4 23.7992C12.8667 23.7992 13.3333 23.6659 13.7333 23.3992C13.9333 23.2659 14.1333 23.0659 14.2667 22.8659L24.7333 9.6659C25.1333 9.2659 25.0667 8.6659 24.6 8.33257Z"/><path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M0 16C0 7.2 7.2 0 16 0C24.8 0 32 7.2 32 16C32 24.8 24.8 32 16 32C7.2 32 0 24.8 0 16ZM2 16C2 23.7333 8.26667 30 16 30C23.7333 30 30 23.7333 30 16C30 8.26667 23.7333 2 16 2C8.26667 2 2 8.26667 2 16Z"/></svg>') transparent no-repeat scroll 0 0;
  background-size: contain;
}

.mp-warning .mp-info-content-icon {
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="%23FFB31A" xmlns="http://www.w3.org/2000/svg"><ellipse id="Oval" cx="16.0001" cy="22.5331" rx="1.46667" ry="1.46667"/><path id="Path" d="M16 19C16.5333 19 17 18.5333 17 18V7C17 6.46667 16.5333 6 16 6C15.4667 6 15 6.46667 15 7V18C15 18.5333 15.4667 19 16 19Z"/><path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M0 16C0 7.2 7.2 0 16 0C24.8 0 32 7.2 32 16C32 24.8 24.8 32 16 32C7.2 32 0 24.8 0 16ZM2 16C2 23.7333 8.26667 30 16 30C23.7333 30 30 23.7333 30 16C30 8.26667 23.7333 2 16 2C8.26667 2 2 8.26667 2 16Z"/></svg>') transparent no-repeat scroll 0 0;
  background-size: contain;
}

.mp-alert .mp-info-content-icon {
  background: url('data:image/svg+xml,<svg width="32" height="31" viewBox="0 0 32 31" fill="%23DF2D1C" xmlns="http://www.w3.org/2000/svg"><path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M18.6 1.86732L31.6 25.8673C31.8667 26.334 32 26.8673 31.8667 27.4007C31.8667 27.934 31.7333 28.4007 31.4667 28.8673C31.2 29.334 30.8667 29.6673 30.4 29.934C30 30.2007 29.4667 30.334 28.9333 30.334H2.93333C2.4 30.334 1.93333 30.2007 1.46667 29.934C1.06667 29.6673 0.666667 29.334 0.4 28.8673C0.133333 28.4007 0 27.934 0 27.4007C0 26.8673 0.133333 26.334 0.266667 25.8673L13.2667 1.86732C13.5333 1.40065 13.9333 1.00065 14.4 0.733984C15.3333 0.200651 16.5333 0.200651 17.4667 0.733984C17.9333 1.00065 18.3333 1.40065 18.6 1.86732ZM29.5333 28.2007C29.6667 28.134 29.8 28.0007 29.8667 27.8673C29.8806 27.8256 29.8945 27.7867 29.9078 27.7496C29.9583 27.6088 30 27.4922 30 27.334C30 27.2007 29.9333 27.0007 29.8667 26.8673L16.8667 2.86732C16.8 2.66732 16.6667 2.53398 16.5333 2.46732C16.4916 2.4534 16.4528 2.43949 16.4156 2.42618C16.2748 2.37573 16.1583 2.33398 16 2.33398C15.8 2.33398 15.6 2.40065 15.4667 2.46732C15.3333 2.53398 15.2 2.66732 15.1333 2.80065L2.13333 26.8007C2.11942 26.8424 2.1055 26.8812 2.0922 26.9184C2.04174 27.0592 2 27.1757 2 27.334C2 27.534 2.06667 27.6673 2.26667 27.8673C2.33333 28.0007 2.46667 28.134 2.6 28.2007C2.73333 28.2673 2.86667 28.334 3.06667 28.334H29.0667C29.2 28.334 29.4 28.2673 29.5333 28.2007Z"/><path id="Path" d="M16 20.334C16.5333 20.334 17 19.8673 17 19.334V10.334C17 9.80065 16.5333 9.33398 16 9.33398C15.4667 9.33398 15 9.80065 15 10.334V19.334C15 19.8673 15.4667 20.334 16 20.334Z"/><ellipse id="Oval" cx="16" cy="23.8671" rx="1.46667" ry="1.46667"/></svg>') transparent no-repeat scroll 0 0;
  background-size: contain;
}

.mp-info-content-container {
  color: var(--grey, #292929);
  font-family: "GlobalSans Regular", sans-serif;
  font-size: 1rem;
  line-height: 20px;
}

.mp-info-content-title {
  font-family: "GlobalSans Bold", sans-serif;
}

.mp-info-content-call {
  font-family: "GlobalSans Semibold", sans-serif;
  line-height: 22px;
}

.mp-info-content-call a {
  text-decoration: none;
}

.mp-info-content-call-text {
  text-decoration: underline;
}

.mp-info-section p {
  margin-bottom: 0px;
}

.mp-tracking-details {
  padding: var(--Spacing-spacing-5, 24px);
  gap: var(--Spacing-spacing-5, 24px);
  border-radius: 4px;
  background: var(--Dark-Fern-Scale-white, #FFF);
  box-shadow: 0px 1px 9px 0px rgba(217, 217, 217, 0.25);
}
.mp-tracking-details .mp-td-vdt {
  color: var(--Primary-dark-grey, #262626);
  font-family: "GlobalSans Semibold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 567;
  line-height: 24px;
  padding-top: 16px;
  text-align: center;
  border-top: 1px solid var(--Grey-Scale-grey-40, rgba(38, 38, 38, 0.4));
}
.mp-tracking-details .mp-td-vdt a:hover, .mp-tracking-details .mp-td-vdt a:active, .mp-tracking-details .mp-td-vdt a:focus {
  text-decoration: none;
}
.mp-tracking-details .mp-td-vdt span.text-underline {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.mp-tracking-details .mp-td-title {
  color: var(--Primary-dark-grey, #262626);
  font-family: "GlobalSans SemiBold", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 567;
}
.mp-tracking-details .mp-td-stepper-container .mp-td-stepper-content {
  padding-bottom: 48px;
}
.mp-tracking-details .mp-td-stepper-container:last-child .mp-td-stepper-content {
  padding-bottom: 0px;
}
.mp-tracking-details .mp-td-stepper-container .mp-td-stepper-content {
  opacity: 0.4;
}
.mp-tracking-details .mp-td-stepper-container.current-active .mp-td-stepper-content {
  opacity: 1;
}
.mp-tracking-details .mp-td-stepper-container.current-active .mp-td-stepper-img {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle id="&%23240;&%23159;&%23142;&%23168; container" cx="10" cy="10" r="8" transform="rotate(-180 10 10)" fill="white" stroke="%23262626" stroke-width="3.65625" stroke-linejoin="round"/></svg>') no-repeat 0 0 transparent;
  width: 20px;
  height: 20px;
  z-index: 1;
  position: relative;
  left: -4px;
  top: -1px;
}
.mp-tracking-details .mp-td-stepper-content {
  font-family: "GlobalSans Regular", sans-serif;
  color: var(--Primary-dark-grey, #262626);
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
}
.mp-tracking-details .mp-td-stepper-content-status {
  font-family: "GlobalSans SemiBold", sans-serif;
  font-weight: 567;
}
.mp-tracking-details .tge-btn {
  font-family: "GlobalSans Semibold", sans-serif;
  font-size: 18px;
  font-weight: 567;
  line-height: 22px;
  padding: 4px 16px;
  border-radius: 20px;
  border: 1px solid var(--Primary-dark-fern, #143200);
  background: var(--Dark-Fern-Scale-dark-fern-10, rgba(20, 50, 0, 0.1));
  color: #000000;
}
.mp-tracking-details .btn-tge-primary .mmd-button {
  color: white;
  float: right;
}
.mp-tracking-details .mp-td-stepper {
  width: 12px;
  text-align: center;
  position: relative;
}
.mp-tracking-details .mp-td-stepper-container:first-child .mp-td-stepper:after {
  top: 0px;
  border-radius: 7px 7px 0 0;
}
.mp-tracking-details .mp-td-stepper-container:last-child .mp-td-stepper:after {
  position: relative;
  top: -32px;
  height: 25.5px;
  border-radius: 0 0 7px 7px;
}
.mp-tracking-details .mp-td-stepper:after {
  content: "";
  background: rgba(20, 50, 0, 0.2509803922);
  width: 12px;
  display: block;
  position: absolute;
  height: 100%;
  bottom: 0%;
}
.mp-tracking-details .mp-td-stepper-container.current-active .mp-td-stepper:after,
.mp-tracking-details .mp-td-stepper-container.completed .mp-td-stepper:after {
  background: #143200;
}
.mp-tracking-details .mp-td-stepper-container.single-item .mp-td-stepper:after {
  background: none;
}
.mp-tracking-details .mp-td-stepper-container .mp-td-stepper-img {
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="7" cy="7" rx="7" ry="7" transform="rotate(-180 7 7)" fill="%23FAF8F2"/><path d="M1.82813 7C1.82813 4.14365 4.14365 1.82812 7 1.82813C9.85635 1.82813 12.1719 4.14365 12.1719 7C12.1719 9.85635 9.85635 12.1719 7 12.1719C4.14365 12.1719 1.82813 9.85635 1.82813 7Z" stroke="%23143200" stroke-opacity="0.4" stroke-width="3.65625" stroke-linejoin="round"/></svg>') no-repeat scroll 0 0 transparent;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: -7px;
  left: -1px;
}
.mp-tracking-details .mp-td-stepper-container.completed .mp-td-stepper-img {
  background: #FAF8F2;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: -7px;
  left: 0;
}

.mp-del-det {
  border-radius: 4px;
  background: var(--Dark-Fern-Scale-white, #FFF);
  box-shadow: 0px 1px 9px 0px rgba(217, 217, 217, 0.25);
  padding: var(--Spacing-spacing-4, 16px) 12px;
  gap: 1rem;
  margin-top: 24px;
}
.mp-del-det .mp-del-det-title {
  font-family: "GlobalSans Semibold", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: var(--grey, #292929);
  border-bottom: 1px solid var(--Grey-Scale-grey-40, rgba(38, 38, 38, 0.4));
}
.mp-del-det .mp-del-det-status {
  color: var(--Primary-grey, #515151);
  font-family: "GlobalSans Regular", sans-serif;
  font-size: 1rem;
  line-height: 22px;
}
.mp-del-det .tge-btn {
  font-family: "GlobalSans Semibold", sans-serif;
  font-size: 1rem;
  line-height: 22px;
  padding: 4px 16px;
  border-radius: 20px;
  border: 1px solid var(--Primary-dark-fern, #143200);
  background: var(--Dark-Fern-Scale-dark-fern-10, rgba(20, 50, 0, 0.1));
  color: #000000;
}
.mp-del-det .mp-del-det-status-bold {
  font-family: "GlobalSans Bold", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: var(--Primary-dark-grey, #262626);
}

.mp-del-det-status-title {
  position: relative;
}

.mmd-button.hidden {
  display: none;
}

.btn[data-qa-id=manage-delivery-btn] {
  font-family: "GlobalSans", sans-serif !important;
  font-size: 1rem;
  text-align: center;
  line-height: 22px;
  font-weight: normal;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid var(--Primary-dark-fern, #143200);
  background: var(--Dark-Fern-Scale-dark-fern-10, rgba(20, 50, 0, 0.1));
  color: #ffffff !important;
  position: absolute;
  right: 15px;
  top: -8px;
  width: auto;
}
.btn[data-qa-id=manage-delivery-btn] svg {
  position: relative;
  top: -5px;
}

.btn[data-qa-id=manage-delivery-btn2] {
  font-family: "GlobalSans", sans-serif !important;
  font-size: 1rem;
  font-weight: normal;
  padding: 12px 25px;
  border-radius: 50px;
  border: 1px solid var(--Primary-dark-fern, #143200);
  background: transparent !important;
  color: black !important;
  width: auto;
  position: relative;
}
.btn[data-qa-id=manage-delivery-btn2] svg {
  position: relative;
  top: -5px;
  margin-left: 3px;
}

@media screen and (min-width: 768px) {
  .mp-info-content {
    padding: var(--Spacing-spacing-5, 24px);
    margin-top: 24px;
  }
  .mp-td-stepper-content {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .mp-info-content-container {
    font-size: 1.125rem;
    line-height: 24px;
    padding-left: 12px;
    width: calc(100% - 32px);
  }
  .mp-td-title {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  .mp-del-det {
    padding: var(--Spacing-spacing-5, 24px);
  }
  .mp-del-det .mp-del-det-title {
    font-size: 30px;
    line-height: 36px;
  }
  .mp-del-det .mp-del-det-status {
    font-size: 1.125rem;
    line-height: 24px;
  }
  .mp-del-det .mp-del-det-status-bold {
    font-size: 20px;
    line-height: 26px;
  }
  .mp-del-det .tge-btn {
    font-size: 1.125rem;
    line-height: 24px;
  }
}
@media screen and (min-width: 992px) {
  .mp-track-parcel-title {
    font-weight: 700 !important;
  }
}
.ev-container {
  background: linear-gradient(0deg, rgba(0, 105, 77, 0.1) 0%, rgba(0, 105, 77, 0.1) 100%), var(--colour-white, #FFF);
  border-radius: 4px;
  box-shadow: 0px 1px 9px 0px rgba(217, 217, 217, 0.25);
  margin-bottom: 8px;
  margin-top: 1.5rem;
}