@font-face{font-family:dhlicons;font-style:normal;font-weight:400;src:url('./iconfont.woff') format("woff")}.has-icon:after,.has-icon:before,[class*=" icon-"]:before,[class^=icon-]:before{speak:none;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:dhlicons;font-size:inherit;font-style:normal;font-variant:normal;font-weight:400;line-height:1}
.c-tracking-result--checkpoint-right:before { 
    transform: rotate(0deg);
   }
.c-tracking-result--checkpoint-info{border-bottom:.1rem solid #b2b2b2;width:100%}.c-tracking-result--checkpoint-info ul{margin-bottom:0}.c-tracking-result--checkpoint-info ul li{flex-flow:nowrap;line-height:1.3}.c-tracking-result--checkpoint-info span{line-height:1.3}.c-tracking-result--checkpoint-left{display:none;flex-shrink:0;width:22.4rem}.c-tracking-result--checkpoint-right{padding-bottom:1.4rem;padding-left:4.2rem;position:relative}.c-tracking-result--checkpoint-right:before{background:#fff;color:#8c8c8c;content:"\e613";font-size:2.2rem;left:.85rem;line-height:1;position:absolute;top:-.3rem;z-index:1}.c-tracking-result--checkpoint li:first-child .c-tracking-result--checkpoint-right:before,.c-tracking-result--checkpoint:first-child .c-tracking-result--checkpoint-right:after{top:7.2rem}.c-tracking-result--checkpoint-right:after{background-color:#8c8c8c;content:"";height:100%;left:1.9rem;position:absolute;top:0;width:.1rem}.c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before{content:"\e69f";font-size:3.8rem;left:.1rem;line-height:1;top:8.2rem}.c-tracking-result--status-shipment-delivered .c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before{color:#67a31d;content:"\e63e";font-size:3.2rem;height:3rem;left:.4rem;top:7.8rem}.c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:after{top:8.2rem}.c-tracking-result--checkpoint:last-of-type li:last-of-type .c-tracking-result--checkpoint-right:after{height:0}.c-tracking-result--checkpoint:last-of-type li:last-of-type:first-child .c-tracking-result--checkpoint-right:after{height:7.1rem}.c-tracking-result--checkpoint:last-of-type .c-tracking-result--checkpoint-info{border-bottom:none;margin-bottom:1.4rem}.c-tracking-result--checkpoint-mobile{display:block}.c-tracking-result--checkpoint-mobile .c-tracking-result--checkpoint-date{margin-bottom:1.4rem}.c-tracking-result--status-shipment-delivered .c-tracking-result--checkpoint:first-child .c-tracking-result--checkpoint-right p{color:#67a31d}.c-tracking-result--checkpoint-info li:first-child .c-tracking-result--checkpoint-mobile{margin-top:1.4rem}.c-tracking-result--checkpoint-right p{line-height:1.3;margin-bottom:0}.c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered) .c-tracking-result--checkpoint-dashedline{border-right:.1rem dashed #8c8c8c;height:7rem;left:1.9rem;position:absolute;width:.1rem}.c-tracking-result--checkpoint-date{display:block;font-size:1.8rem;margin-bottom:.7rem}.c-tracking-result--footernotes>div:first-child{margin-top:2.1rem}
.c-tracking-result--error-specific,.c-tracking-result--success-specific{display:none}.has-editor-margin .c-tracking-result--error-specific,.has-editor-margin .c-tracking-result--success-specific{display:block}.c-tracking-result--status-code-200.c-tracking-result--status-shipment-delivered .c-tracking-result--status-copy-message,.c-tracking-result--status-shipment-delivered .c-tracking-result--icon:before{color:#67a31d}.c-tracking-result-overview--box.c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered):not(.c-tracking-result--status-shipment-exception) .c-tracking-result--icon:before{color:#666}.c-tracking-result--section .c-tracking-result--icon.has-icon.c-tracking-result--status-shipment-failure:before,.c-tracking-result--section .c-tracking-result--icon.has-icon.c-tracking-result--status-shipment-undefined:before{color:#d40511}.c-tracking-result--section .c-tracking-result--icon.has-icon.c-tracking-result--status-shipment-exception:before{color:#fc0}.c-tracking-result--icon{margin-top:.3rem}.has-icon.c-tracking-result--status-shipment-delivered:before{content:"\e63f";font-size:2.8rem}.has-icon.c-tracking-result--status-shipment-default:before,.has-icon.c-tracking-result--status-shipment-transit:before{content:"\e60a"}.c-tracking-result--status-shipment-exception .has-icon.c-tracking-result--icon:before,.c-tracking-result--status-shipment-failure .has-icon.c-tracking-result--icon:before,.c-tracking-result--status-shipment-undefined .has-icon.c-tracking-result--icon:before,.c-tracking-result-overview--group .has-icon.c-tracking-result--icon:before{content:"\e609"}.c-tracking-result--section .has-icon.icon-information-outline-legacy{font-size:3.4rem}.c-tracking-result--section .has-icon.c-tracking-result--icon:before{color:#67a31d;content:"\e654"}.c-tracking-result--section .has-icon.c-tracking-result--icon.c-tracking-result--status-shipment-exception:before,.c-tracking-result--section .has-icon.c-tracking-result--icon.c-tracking-result--status-shipment-failure:before{content:"\e690"}.has-icon.c-tracking-result--status-shipment-transit-air:before,.has-icon.c-tracking-result--status-shipment-transit-plane:before{content:"\e6d0"}.has-icon.c-tracking-result--status-shipment-transit-ocean:before,.has-icon.c-tracking-result--status-shipment-transit-ship:before{content:"\e64d"}.has-icon.c-tracking-result--status-shipment-transit-road:before{content:"\e71e"}.has-icon.c-tracking-result--status-shipment-transit-parcel:before{content:"\e60a"}.c-tracking-result--status-shipment-unknown:before{content:""}
  
.c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before {
    content: "\e69f";
    font-size: 3.8rem;
    left: 0.1rem;
    line-height: 1;
    top: 8.2rem;
}
ul{    list-style: none;}
.c-tracking-result--checkpoint-right {
    padding-bottom: 1.4rem;
    padding-left: 4.2rem;
    position: relative;
}
.c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered) .c-tracking-result--checkpoint-dashedline,
.c-tracking-result--checkpoint-dashedline {
    border-right: 0.1rem dashed #8c8c8c;
    height: 7rem;
    left: 1.9rem;
    position: absolute;
    width: 0.1rem;
}
.c-tracking-result--checkpoint-info li:first-child .c-tracking-result--checkpoint-mobile {
    margin-top: 1.4rem;
}
.c-tracking-result--checkpoint-mobile {
    display: block;
}
.c-tracking-result--checkpoint li:first-child .c-tracking-result--checkpoint-right:before, .c-tracking-result--checkpoint:first-child .c-tracking-result--checkpoint-right:after {
    top: 0rem !important;
}

.c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before { 
    transform: rotate(1deg);
    color: #263a85;
}
.active .c-tracking-result--checkpoint-right:before { 
    color: #8c8c8c;
}

.c-tracking-result--checkpoint.act li .c-tracking-result--checkpoint-right:before {
    content: "\e69f";
    font-size: 3.8rem;
    left: 0.1rem;
    line-height: 1;
    top: 8.2rem;
    transform: rotate(1deg);
}
/*
.tracking-form {
    max-width: 400px;
    margin: 20px auto;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 5px;
        max-width: 500px;
    margin: 20px auto;
    padding: 20px 50px;
    background: #f9faff;
    border: 1px solid #dfe3ee;
    border-radius: 1px;
    box-shadow: 0 4px 10px rgb(89 95 102);
    
}*/

.tracking-form label {
    font-weight: bold;
}

.tracking-form input {
    width: 100%;
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.tracking-form button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.tracking-form button:hover {
    background-color: #005177;
}

.error {
    color: red;
    font-weight: bold;
}

.navbar-header .logo a img {
    width: 120px;
}
.content-slider {
    display: flex;
    align-items: center;
    justify-content: center;
}
.master-slider .pi-caption01 {
    width: 100%;
    text-align: center;
}
.master-slider .pi-text {
    width: 100%;
    text-align: center;
}
.service-feature-box .service-body {
    min-height: 246px;
}
.page-trucking {
    min-height: 300px;
}
.search-order {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sgp-field {
    width: 440px;
}
.sgp-field .__input-text {
    background: #fafafa;
    font-size: 20px;
    font-weight: 300;
    width: calc(100% - 3px);
    padding: 20px 8px 18px 15px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.__button-follow {
    font-size: 19px;
    color: #fff;
    background-color: #283a86;
    border-radius: 0;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.11px;
    line-height: 12px;
    padding: 24px 40px;
    border: 0;
    display: inline-block;
}
.shipment-content {
    display: flex;
}
.shipment-info {
    font-size: 16px;
    width: 50%;
    height: 300px;
    line-height: 2;
}
.shipment-status {
    width: 40%;
}
.company-timeline li .timeline-item-details::before {
    left: 15px;
    width: 10px;
}
.company-timeline li .timeline-item-details.finish::before {
    background-color: #008a00;
}
.company-timeline .icon-date-container {
    width: 40px;
    height: 40px;
}
.icon-date-container.active {
    border: 5px solid #008a00;
    width: 60px;
    height: 60px;
    left: -10px;
    top: -5px;
}
.company-timeline .icon-date-container.active i {
    width: 60px;
    height: 55px;
    font-size: 33px;
}
.icon-date-container.finish {
    background: #008a00;
    border: 2px solid #008a00;
}
.company-timeline li {
    padding: 0;
}
.company-timeline .timeline-item-details {
    padding-left: 70px;
    padding-top: 10px;
}
.company-timeline .icon-date-container i {
    width: 40px;
    height: 40px;
}
.result-tracking {
    margin-top: 50px;
    margin-bottom: 50px;
}
.shipment-info ul li span {
    font-weight: bold;
    text-transform: uppercase;
}
.fa-ul {
    text-transform: none;
}
.list-services {
    display: flex;
    flex-wrap: wrap;
}
.service-feature-box {
    margin-top: 10px;
}
.not-found {
    margin-top: 20px;
    text-align: center;
}
.content-detail ul {
    list-style-position: initial;
    padding-left: 20px;
}
.content-detail ul li {
    padding-bottom: 0;
}
.maps {
    border: 2px solid #283a86;
    padding: 3px;
}
.pi-caption01 {
    font-size: 50px !important;
}
.pi-text {
    font-size: 20px !important;
}
.result-tracking .custom-heading h2{
    font-size: 25px;
}
/** Fix Form 
*/
/* Container Styling */
.page-content {
    max-width: 1128px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
    color: #333;
}

/* Form Styling */
.tracking-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.tracking-form label {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-grid;
    margin: 0 auto;
    text-align: center;
}

.tracking-form .form-group {
    display: block;
    align-items: center;
    gap: 10px;
}

.tracking-form input[type="text"] {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.tracking-form button { 
        padding: 15px 22px;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
       background: linear-gradient(88deg, #5de0e6, #004aad) !important;
    border-radius: 20px;

}

.tracking-form button:hover {
    background-color: #0056b3;
}

/* Arrow Indicator Styling */
.arrow-down {
    margin: 20px 0;
    text-align: center;
    font-size: 30px;
    color:#263a85;
    animation: bounce 1.5s infinite;
}

.arrow-down::before {
    content: "⬇";
}

/* Animation for Arrow */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Results Section Styling */
.result-tracking {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
        display: block;
    float: left;
    width: 100%;
    padding-left: 50px;
}

.result-tracking .custom-heading h2 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: bold;
    color: #263a85;
    text-align: center;
}

.shipment-content {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}
/* Form Container */
.tracking-form { 
        max-width: 500px;
    margin: 20px auto;
    padding: 20px 50px;
    background: #f9faff;
    border: 1px solid #dfe3ee;
    border-radius: 1px;
    box-shadow: 0 4px 10px rgb(89 95 102);
}

/* Label Styling */
.tracking-label {
    font-size: 16px;
    font-weight: bold;
    color: #263A85;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tracking-label i {
    margin-right: 8px;
    color: #ff9800;
}

/* Form Group */
.form-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Input Styling */
#order_id {
    flex: 1;
    padding: 12px 15px;
    font-size: 14px;
    color: #263A85;
    border: 1px solid #dfe3ee;
    border-radius: 25px;
    background-color: #ffffff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

#order_id:focus {
    border-color: #263A85;
    outline: none;
    box-shadow: 0 0 5px rgba(38, 58, 133, 0.5);
}

/* Button Styling */
.tracking-button {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: #263A85;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background 0.3s ease;
}

.tracking-button i {
    font-size: 16px;
}

.tracking-button:hover {
    background: #1b2d6c;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.shipment-content .shipment-status{
        width: 100%;float: left;
        height: auto; margin-bottom: 50px;
}
#idorder_status{
    background: #263a85; padding: 2px 10px; border-radius: 10px; font-size: 8px;color:#fff;
}
.page #pxl-main {
    padding: 0px 0 55px 0 !important;
    min-height: calc(100vh - 0px);
}
/* Responsive Styling */
@media (max-width: 480px) {
    .form-group {
        flex-direction: column;
    }

    #order_id, .tracking-button {
        width: 100%;
    }
}

@media (max-width: 768px){
    .result-tracking { 
      padding-left: 20px;
    }
    .page-content{ padding: 0px;}
    .result-tracking .custom-heading h2{
        font-size: 20px;
    }
    .shipment-content{
        width: 100%; 
        float: left;
        height: auto;
        display: block;
        position: relative;
    }
    .shipment-content .shipment-info{
        width: 100%; 
        float: left;
        height: auto;

    }
    .shipment-content .shipment-status{
        width: 100%;float: left;
        height: auto; margin-bottom: 50px;
    }
    .shipment-info ul{
      margin: 0 !important;   
    }
}