.elementor-947 .elementor-element.elementor-element-efbf432{--display:flex;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:95px;--padding-bottom:95px;--padding-left:80px;--padding-right:80px;}.elementor-947 .elementor-element.elementor-element-efbf432:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-efbf432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F3F6;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-947 .elementor-element.elementor-element-862e262 .elementor-button{background-color:#FCF3EA;font-family:"Atyp display", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:99px 99px 99px 99px;padding:7px 16px 5px 16px;}.elementor-947 .elementor-element.elementor-element-862e262{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-947 .elementor-element.elementor-element-862e262.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-862e262 .elementor-button-content-wrapper{flex-direction:row;}.elementor-947 .elementor-element.elementor-element-862e262 .elementor-button .elementor-button-content-wrapper{gap:17px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-947 .elementor-element.elementor-element-3293377{width:var( --container-widget-width, 734px );max-width:734px;padding:0px 0px 0px 0px;--container-widget-width:734px;--container-widget-flex-grow:0;text-align:center;}.elementor-947 .elementor-element.elementor-element-3293377.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-3293377 .elementor-heading-title{font-family:"Atyp display", Sans-serif;font-size:48px;font-weight:600;line-height:62px;}.elementor-947 .elementor-element.elementor-element-69a996c.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-b49b2df.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-947 .elementor-element.elementor-element-efbf432{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-947 .elementor-element.elementor-element-3293377{--container-widget-width:547px;--container-widget-flex-grow:0;width:var( --container-widget-width, 547px );max-width:547px;}}@media(min-width:768px){.elementor-947 .elementor-element.elementor-element-efbf432{--content-width:1440px;}}@media(max-width:767px){.elementor-947 .elementor-element.elementor-element-efbf432{--min-height:430px;--padding-top:60px;--padding-bottom:60px;--padding-left:12px;--padding-right:10px;}.elementor-947 .elementor-element.elementor-element-862e262.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-3293377{text-align:center;}.elementor-947 .elementor-element.elementor-element-3293377 .elementor-heading-title{font-size:26px;line-height:34px;}}/* Start custom CSS for html, class: .elementor-element-69a996c *//* 🔥 Style the placeholder text */
.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-input::placeholder {
  font-size: 15px !important;
  color: #888;
  opacity: 1; /* ensure color shows in all browsers */
    text-transform: capitalize !important;
}



.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-btn {

  justify-content: center;
}





@media(max-width: 600px) {
  .hero__track {
    flex-direction: column;
    width: 100%;
  }
.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-arrow{
    display:none;
}

.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-input{
    padding: 6px !important;
}
 .elementor-947 .elementor-element.elementor-element-69a996c .hero__track-input {
    width: 100%;
  }
.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-input::placeholder {
  font-size: 12px !important;
      text-transform: normal !important;
}
  
 .elementor-947 .elementor-element.elementor-element-69a996c .hero__track-btn {
    width: 100%;
    justify-content: center;
  }
  
  /* Track form */
  .elementor-947 .elementor-element.elementor-element-69a996c .hero__track {
  
    width: 100% !important;
  }
  .elementor-947 .elementor-element.elementor-element-69a996c .hero__track-btn {
      font-size: 11px !important;
        padding: 6px 10px !important; 
  }
  .elementor-947 .elementor-element.elementor-element-69a996c .hero__track{
      padding: 0px !important;
  }
}

  /* Track form */
  .elementor-947 .elementor-element.elementor-element-69a996c .hero__track {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    gap: 12px;
    background: #fff;
    margin-bottom: 50px;
    /* border-radius: 12px; */
    padding: 10px;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    max-width: 740px;
    width: 530px;
    
  }
  
  
  
.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-input {
  border: 0;
  outline: none;
  padding: 14px 12px;
  font-size: 18px;
  border-radius: 8px;
  /* background: #f7f7f9; */
  font-family: 'Atyp Display TRIAL', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 190%;
  letter-spacing: 0;
  
}

/* Placeholder text styling */
.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-input::placeholder {
  font-family: 'Atyp Display TRIAL', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 190%;
  letter-spacing: 0;
  color: #8F9092; /* optional: you can change this placeholder color */
  
}

  
.elementor-947 .elementor-element.elementor-element-69a996c .hero__track-btn  {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  background: #163D6B;
  color: #fff;
  border: 0;
  border-radius: 0px;
  /* border-radius: 8px; */
  font-family: 'Atyp Display TRIAL', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 190%;
  letter-spacing: 0;
  cursor: pointer;
  text-decoration: none;
}

  
 .elementor-947 .elementor-element.elementor-element-69a996c .hero__track-btn:hover { filter: brightness(1.05);
    }
 .elementor-947 .elementor-element.elementor-element-69a996c .hero__track-arrow { transform: translateY(-1px); }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b49b2df *//* === DeliveryPanda Tracking Styles === */

.elementor-947 .elementor-element.elementor-element-b49b2df .notfound{
    
}

.tracking-container {
  max-width: 700px;
  margin: 20px auto;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  font-family: 'Inter', sans-serif;
  line-height: 1.5;
}

.tracking-title {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 15px;
  text-align: center;
}

.tracking-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.tracking-summary div {
  font-size: 0.95rem;
  color: #444;
}

.status-badge {
  background: #007bff;
  color: #fff;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.85rem;
}

.tracking-subtitle {
  font-size: 1.1rem;
  color: #222;
  margin-bottom: 10px;
  margin-top: 25px;
  border-left: 4px solid #007bff;
  padding-left: 10px;
}

.tracking-address {
  background: #fefefe;
  border: 1px solid #eee;
  padding: 12px 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* === Timeline Styles === */
.tracking-timeline {
  position: relative;
  padding-left: 25px;
  border-left: 2px solid #007bff;
}

.timeline-item {
  position: relative;
  margin-bottom: 20px;
}

.timeline-dot {
  width: 12px;
  height: 12px;
  background: #007bff;
  border-radius: 50%;
  position: absolute;
  left: -7px;
  top: 5px;
}

.timeline-content {
  background: #f9f9f9;
  padding: 10px 15px;
  border-radius: 8px;
}

.timeline-status {
  font-weight: 600;
  color: #222;
  margin: 0;
}

.timeline-details {
  font-size: 0.9rem;
  color: #555;
  margin: 4px 0;
}

.timeline-meta {
  font-size: 0.8rem;
  color: #777;
}

/* === Responsive === */
@media (max-width: 600px) {
  .tracking-summary {
    grid-template-columns: 1fr;
  }
  .tracking-container {
    padding: 15px;
  }
  .tracking-title {
    font-size: 1.3rem;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Atyp display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.deliverypanda.me/wp-content/uploads/2025/09/AtypDisplayTRIAL-Semibold-BF65727125c6fc9.ttf') format('truetype');
}
@font-face {
	font-family: 'Atyp display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.deliverypanda.me/wp-content/uploads/2025/09/AtypDisplayTRIAL-Regular-BF65727125d566e.ttf') format('truetype');
}
@font-face {
	font-family: 'Atyp display';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.deliverypanda.me/wp-content/uploads/2025/09/AtypDisplayTRIAL-Light-BF65727125c722b.ttf') format('truetype');
}
@font-face {
	font-family: 'Atyp display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.deliverypanda.me/wp-content/uploads/2025/09/AtypDisplayTRIAL-Medium-BF65727125b8683.ttf') format('truetype');
}
/* End Custom Fonts CSS */