.elementor-1441 .elementor-element.elementor-element-40c8f8f{--display:flex;--min-height:90vh;--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;--justify-content:center;--align-items:center;}.elementor-1441 .elementor-element.elementor-element-40c8f8f:not(.elementor-motion-effects-element-type-background), .elementor-1441 .elementor-element.elementor-element-40c8f8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #FFFFFF 0%, #EBEBEB 100%);}.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-1441 .elementor-element.elementor-element-34dba60{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;text-align:center;}.elementor-1441 .elementor-element.elementor-element-34dba60 > .elementor-widget-container{margin:0px 0px -68px 0px;padding:0px 0px 0px 0px;}.elementor-1441 .elementor-element.elementor-element-34dba60.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-1441 .elementor-element.elementor-element-34dba60 img{width:100%;max-width:100%;}.elementor-1441 .elementor-element.elementor-element-61309e5{width:100%;max-width:100%;}.elementor-1441 .elementor-element.elementor-element-61309e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1441 .elementor-element.elementor-element-34dba60{--container-widget-width:190px;--container-widget-flex-grow:0;width:var( --container-widget-width, 190px );max-width:190px;}}/* Start custom CSS for html, class: .elementor-element-61309e5 */.elementor-1441 .elementor-element.elementor-element-61309e5 .rl-track-page{
    width:100%;
    max-width:430px;
    margin:auto;
    padding:35px 22px;
    text-align:center;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .rl-hero-img img{
    width:220px;
    max-width:100%;
    margin-bottom:22px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 h1{
    font-size:28px;
    font-weight:800;
    color:#111;
    margin:0 0 12px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 p{
    font-size:15px;
    color:#666;
    line-height:1.6;
    margin:0 0 30px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .rl-input-wrap{
    height:64px;
    background:#fff;
    border-radius:20px;
    display:flex;
    align-items:center;
    padding:0 20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    margin-bottom:18px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 #trackingCode{
    width:100%;
    border:none;
    outline:none;
    font-size:15px;
    color:#111;
    background:transparent;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .rl-track-btn{
    width:100%;
    height:64px;
    border:none;
    border-radius:20px;
    background:linear-gradient(135deg,#160000 0%,#4d0000 55%,#c40000 100%);
    color:white;
    font-weight:800;
    font-size:15px;
    cursor:pointer;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 #trackingResult{
    margin-top:18px;
    color:#333;
    font-size:14px;
}

/* POPUP */
.elementor-1441 .elementor-element.elementor-element-61309e5 #trackingModal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:999999;
    padding:24px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 #trackingModal.active{
    display:flex;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-modal-content{
    width:100%;
    max-width:1100px;
    max-height:88vh;
    overflow-y:auto;
    background:#f8f8f8;
    border-radius:30px;
    padding:40px;
    position:relative;
    box-shadow:0 30px 100px rgba(0,0,0,.22);
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-close{
    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#e8e8e8;
    color:#111;
    cursor:pointer;
    font-size:18px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-header{
    text-align:center;
    margin-bottom:25px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-header span{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:#eee;
    color:#444;
    font-size:13px;
    font-weight:700;
    margin-bottom:14px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-header h2{
    margin:0;
    font-size:32px;
    color:#111;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 #modalTrackingCode{
    margin:10px 0 0;
    color:#888;
}

/* DESKTOP HORIZONTAL TIMELINE */
.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-timeline{
    position:relative;
    display:flex;
    gap:28px;
    overflow-x:auto;
    padding:70px 10px 20px;
    text-align:center;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-timeline:before{
    content:"";
    position:absolute;
    top:98px;
    left:60px;
    width:calc(100% - 120px);
    height:4px;
    background:#d9d9d9;
    border-radius:50px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-timeline:after{
    content:"";
    position:absolute;
    top:98px;
    left:60px;
    width:120px;
    height:4px;
    border-radius:50px;
    background:linear-gradient(90deg,transparent,#ff0000,transparent);
    animation:trackingRedLight 2.5s linear infinite;
}

@keyframes trackingRedLight{
    from{left:60px;}
    to{left:calc(100% - 180px);}
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step{
    position:relative;
    z-index:2;
    min-width:230px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:24px;
    padding:55px 20px 20px;
    text-align:center;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-icon{
    position:absolute;
    top:-28px;
    left:50%;
    transform:translateX(-50%);
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#d9d9d9;
    color:#555;
    font-size:22px;
    box-shadow:0 0 0 8px #f8f8f8;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step h4{
    margin:0 0 10px;
    font-size:16px;
    color:#222;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step p{
    margin:0 0 10px;
    color:#777;
    font-size:14px;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step span{
    color:#999;
    font-size:12px;
}

/* STATUS COLORS */
.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.picked .timeline-icon{
    background:#4b5563;
    color:#fff;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.received .timeline-icon{
    background:#6b7280;
    color:#fff;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.distribution{
    background:#f4f8fc;
    border-color:#002e5c33;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.distribution .timeline-icon{
    background:#002e5c;
    color:#fff;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.distribution h4{
    color:#002e5c;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.delivered{
    background:#f0fdf4;
    border-color:#16a34a33;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.delivered .timeline-icon{
    background:#16a34a;
    color:#fff;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.delivered h4{
    color:#16a34a;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.cancelled{
    background:#fff1f1;
    border-color:#dc262633;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.cancelled .timeline-icon{
    background:#dc2626;
    color:#fff;
}

.elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step.cancelled h4{
    color:#dc2626;
}

/* MOBILE VERTICAL TIMELINE */
@media(max-width:767px){
    .elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-modal-content{
        padding:28px 20px;
        border-radius:24px;
    }

    .elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-header h2{
        font-size:24px;
    }

    .elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-timeline{
        flex-direction:column;
        overflow:hidden;
        padding:10px 0 10px 40px;
        gap:18px;
        text-align:left;
    }

    .elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-timeline:before{
        top:20px;
        left:28px;
        width:4px;
        height:calc(100% - 40px);
    }

    .elementor-1441 .elementor-element.elementor-element-61309e5 .tracking-timeline:after{
        top:20px;
        left:28px;
        width:4px;
        height:80px;
        background:linear-gradient(180deg,transparent,#ff0000,transparent);
        animation:trackingRedLightMobile 2.5s linear infinite;
    }

    @keyframes trackingRedLightMobile{
        from{top:20px;}
        to{top:calc(100% - 100px);}
    }

    .elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-step{
        min-width:100%;
        width:100%;
        text-align:left;
        padding:20px 20px 20px 45px;
    }

    .elementor-1441 .elementor-element.elementor-element-61309e5 .timeline-icon{
        left:-30px;
        top:18px;
        transform:none;
    }
}/* End custom CSS */