Track Order

Track Order
{% assign kg_page_path = request.path | downcase %}
{% if kg_page_path contains '/apps/17track' %}

<style>
.kg-faq {
  max-width: 720px;
  margin: 0 auto;
  padding: 0px 15px 30px;
  font-family: inherit;
}

.kg-faq h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #111111;
  margin: 0 0 24px;
}

.kg-faq details {
  border: 1px solid #e9e9e9;
  border-radius: 7px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #ffffff;
}

.kg-faq summary {
  display: block;
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 17px 48px 17px 18px;
  font-size: 14px;
  font-weight: 500;
  color: #263449;
  background: #ffffff;
}

.kg-faq summary::-webkit-details-marker {
  display: none;
}

.kg-faq summary::after {
  content: "›";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  font-weight: 400;
  color: #667085;
  transition: transform .2s ease;
}

.kg-faq details[open] summary::after {
  transform: translateY(-50%) rotate(90deg);
}

.kg-faq .kg-answer {
  background: #f7f8fa;
  padding: 17px 18px;
  color: #667085;
  font-size: 13px;
  line-height: 1.8;
}

.kg-faq .kg-answer p {
  margin: 0;
}

@media (max-width: 767px) {
  .kg-faq {
    padding: 15px 12px 30px;
  }

  .kg-faq h2 {
    font-size: 22px;
  }

  .kg-faq summary {
    font-size: 13px;
  }
}
</style>

<div class="kg-faq">

  <h2>Tracking FAQ</h2>

  <details open>
    <summary>How can I track my order?</summary>
    <div class="kg-answer">
      <p>Enter your order number and the email address used at checkout in the tracking form above. Click "TRACK" to view your shipment status.</p>
    </div>
  </details>

  <details>
    <summary>When will my order ship?</summary>
    <div class="kg-answer">
      <p>Once your order has been shipped, you will receive a shipping confirmation email with tracking information.</p>
    </div>
  </details>

  <details>
    <summary>Why hasn't my tracking information updated?</summary>
    <div class="kg-answer">
      <p>Tracking updates may take 24–72 hours to appear after shipment. Please allow some time for the shipping carrier to update the tracking information.</p>
    </div>
  </details>

  <details>
    <summary>What should I do if my package is delayed?</summary>
    <div class="kg-answer">
      <p>If your package is delayed or you need assistance, please contact our support team at support@keepergift.com with your order number. We will be happy to help.</p>
    </div>
  </details>

</div>

{% endif %}