.elementor-285 .elementor-element.elementor-element-d18f71b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-5ba8de4{--display:flex;--min-height:100vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-5ba8de4 .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-285 .elementor-element.elementor-element-96b2a3e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;--padding-top:035px;--padding-bottom:35px;--padding-left:25px;--padding-right:25px;}.elementor-285 .elementor-element.elementor-element-96b2a3e:not(.elementor-motion-effects-element-type-background), .elementor-285 .elementor-element.elementor-element-96b2a3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-04061f9 ) 0%, var( --e-global-color-cdfc753 ) 100%);}.elementor-285 .elementor-element.elementor-element-9414a10{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-59c379e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:03px;--padding-bottom:03px;--padding-left:10px;--padding-right:10px;}.elementor-285 .elementor-element.elementor-element-59c379e:not(.elementor-motion-effects-element-type-background), .elementor-285 .elementor-element.elementor-element-59c379e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cdfc753 );}.elementor-285 .elementor-element.elementor-element-59c379e.e-con{--align-self:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-285 .elementor-element.elementor-element-d1c49a9 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-0e4b6e5 );}.elementor-widget-ucaddon_dual_color_heading .ue-title-one{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_dual_color_heading .ue-title-two{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-285 .elementor-element.elementor-element-a9b1a63 .ue-dual-color-heading{text-align:left;}.elementor-285 .elementor-element.elementor-element-a9b1a63 .ue-title-one{color:#000000;font-family:"Space Grotesk", Sans-serif;font-size:50px;font-weight:500;line-height:58px;}.elementor-285 .elementor-element.elementor-element-a9b1a63 .ue-title-two{color:var( --e-global-color-primary );font-family:"Space Grotesk", Sans-serif;font-size:50px;font-weight:500;line-height:58px;}.elementor-285 .elementor-element.elementor-element-0f24382{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-0f24382.e-con{--align-self:flex-end;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-285 .elementor-element.elementor-element-006aa8c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:right;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:var( --e-global-color-secondary );}.elementor-285 .elementor-element.elementor-element-006aa8c p{margin-bottom:0px;}.elementor-widget-ucaddon_creative_buttons .uc_button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons{text-align:right;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons .uc_button{display:inline-block;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_button{background-color:var( --e-global-color-primary );border-style:none;border-radius:50px;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons .uc_button::after,.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons .uc_button::before{background-color:var( --e-global-color-accent );}.elementor-285 .elementor-element.elementor-element-098b84d .button-padding{padding:12px 30px 12px 30px;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_button:hover{border-style:none;color:#ffffff;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_button:hover span{color:#ffffff;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons_icon{font-size:25px;margin:0px 0px 0px 10px;transform:rotate(0deg);}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons_icon svg{width:25px;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_button_wrapper{flex-direction:row-reverse;justify-content:center;}.elementor-285 .elementor-element.elementor-element-098b84d a:hover .uc_creative_buttons_icon{transform:rotate(-45deg);}.elementor-285 .elementor-element.elementor-element-fc0ed7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-285 .elementor-element.elementor-element-33a94b4{width:100%;max-width:100%;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-285 .elementor-element.elementor-element-5ba8de4{--width:98%;}.elementor-285 .elementor-element.elementor-element-96b2a3e{--width:90%;}.elementor-285 .elementor-element.elementor-element-9414a10{--width:60%;}.elementor-285 .elementor-element.elementor-element-59c379e{--width:130px;}.elementor-285 .elementor-element.elementor-element-0f24382{--width:40%;}.elementor-285 .elementor-element.elementor-element-fc0ed7c{--width:98%;}}@media(max-width:1024px) and (min-width:768px){.elementor-285 .elementor-element.elementor-element-96b2a3e{--width:95%;}.elementor-285 .elementor-element.elementor-element-9414a10{--width:80%;}.elementor-285 .elementor-element.elementor-element-59c379e{--width:130px;}}@media(max-width:1024px){.elementor-285 .elementor-element.elementor-element-5ba8de4{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-098b84d .button-padding{padding:10px 025px 10px 025px;}.elementor-285 .elementor-element.elementor-element-fc0ed7c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:015px;--padding-right:015px;}}@media(max-width:767px){.elementor-285 .elementor-element.elementor-element-5ba8de4{--width:95%;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-96b2a3e{--width:95%;--padding-top:025px;--padding-bottom:025px;--padding-left:015px;--padding-right:015px;}.elementor-285 .elementor-element.elementor-element-59c379e{--width:130px;--flex-wrap:nowrap;}.elementor-285 .elementor-element.elementor-element-d1c49a9 .elementor-heading-title{font-size:15px;}.elementor-285 .elementor-element.elementor-element-a9b1a63{width:100%;max-width:100%;}.elementor-285 .elementor-element.elementor-element-a9b1a63 .ue-title-one{font-size:38px;line-height:46px;}.elementor-285 .elementor-element.elementor-element-a9b1a63 .ue-title-two{font-size:38px;line-height:46px;}.elementor-285 .elementor-element.elementor-element-006aa8c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-285 .elementor-element.elementor-element-098b84d .button-padding{padding:11px 25px 11px 25px;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons_icon{font-size:20px;}.elementor-285 .elementor-element.elementor-element-098b84d .uc_creative_buttons_icon svg{width:20px;}.elementor-285 .elementor-element.elementor-element-fc0ed7c{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-285 .elementor-element.elementor-element-33a94b4{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-33a94b4 */body {
  font-family: "Space Grotesk", sans-serif;
  margin: 0;
  padding: 0;
  background: #f8f9fa;
}

.tracking-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 60px 20px;
  gap: 20px;
}

.tracking-box {
  width: 100%;
  max-width: 600px;
  background: #fff;
  padding: 40px 30px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.tracking-box h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 25px;
  color: #222;
}

form#tracking-form label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1rem;
  color: #333;
}

form#tracking-form input[type="text"] {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 20px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

form#tracking-form input[type="text"]:focus {
  border-color: #1b43f3;
  outline: none;
}

form#tracking-form button {
  padding: 14px 20px;
  font-size: 1rem;
  font-weight: 600;
  background-color: #1b43f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

form#tracking-form button:hover,
form#tracking-form button:active {
  background-color: #e9550d;
}

#tracking-result {
  margin-top: 30px;
  font-size: 1rem;
  color: #333;
}

/* Summary & Progress Styling */

.shipment-summary,
.shipment-progress {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
}

.summary-row .label {
  font-weight: 600;
  color: #333;
  flex: 1 1 45%;
}

.summary-row .value {
  flex: 1 1 50%;
  text-align: right;
  color: #444;
}

.progress-event {
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

.shipment-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Mobile Responsiveness */

@media (max-width: 600px) {
  .tracking-box {
    padding: 30px 20px;
  }
  
  .tracking-box h2 {
      font-size: 1.7rem;
  }
  
 .shipment-title {
    font-size: 1.7rem;
  }

  .summary-row {
    flex-direction: column;
    padding-bottom: 10px;
  }

  .summary-row .label,
  .summary-row .value {
    flex: 1 1 100%;
    text-align: left;
  }

  .progress-event {
    font-size: 0.95rem;
  }
}/* End custom CSS */