.elementor-17 .elementor-element.elementor-element-1bbb6da{--display:flex;--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;}.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-17 .elementor-element.elementor-element-0a36033{text-align:center;}.elementor-17 .elementor-element.elementor-element-0a36033 .elementor-heading-title{color:#000000;}.elementor-17 .elementor-element.elementor-element-3fa7f03{--display:flex;--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;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-0a36033 *//*=========================================
        CARRY LINE - TRACK ORDER
==========================================*/
.woocommerce form.track_order{
    position: relative;
    max-width:950px;
    margin:70px auto;
    padding:50px;
    background:#111111;
    border:1px solid rgba(212,175,55,.35);
    border-radius:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
    overflow: hidden;
    opacity: 0;
    transform: translateY(30px);
    animation: formEntrance 0.8s ease forwards;
    transition:.35s;
}

@keyframes formEntrance {
    to { opacity: 1; transform: translateY(0); }
}

.woocommerce form.track_order:hover{
    border-color:#D4AF37;
    box-shadow:
    0 0 18px rgba(212,175,55,.18),
    0 25px 60px rgba(0,0,0,.55);
}

/* shimmer line sweeping across the top */
.woocommerce form.track_order::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, #D4AF37, #FFD86A, #D4AF37, transparent);
    background-size:200% 100%;
    animation: shimmerSweep 3.5s linear infinite;
}

@keyframes shimmerSweep {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/*=========================================
Description
==========================================*/
.woocommerce-order p,
.woocommerce .entry-content>p,
.woocommerce-track-order p,
.woocommerce form.track_order p{
    color:#d8d8d8 !important;
    font-size:17px;
    line-height:1.8;
    margin-bottom:30px;
}

/*=========================================
Labels
==========================================*/
.woocommerce form.track_order label{
    display:block;
    color:#ffffff;
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}

/*=========================================
Form rows — staggered fade-in
==========================================*/
.woocommerce form.track_order p.form-row{
    opacity: 0;
    transform: translateY(15px);
    animation: fieldFadeIn 0.6s ease forwards;
}

.woocommerce form.track_order p.form-row-first{ animation-delay: 0.2s; }
.woocommerce form.track_order p.form-row-last{ animation-delay: 0.35s; }
.woocommerce form.track_order p:not(.form-row-first):not(.form-row-last){ animation-delay: 0.5s; }

@keyframes fieldFadeIn {
    to { opacity: 1; transform: translateY(0); }
}

/*=========================================
Inputs
==========================================*/
.woocommerce form.track_order input.input-text{
    width:100%;
    background:#1b1b1b!important;
    color:#ffffff!important;
    border:1px solid #333!important;
    border-radius:14px;
    padding:17px 18px!important;
    transition:.35s;
    box-sizing:border-box;
}

.woocommerce form.track_order input.input-text::placeholder{
    color:#9f9f9f!important;
}

.woocommerce form.track_order input.input-text:focus{
    border-color:#D4AF37!important;
    background:#181818!important;
    box-shadow:
    0 0 0 4px rgba(212,175,55,.12),
    0 0 18px rgba(212,175,55,.25);
    outline:none;
    transform: translateY(-2px);
}

/*=========================================
Button — with shine sweep
==========================================*/
.woocommerce form.track_order button,
.woocommerce form.track_order .button{
    position: relative;
    overflow: hidden;
    background:linear-gradient(135deg,#D4AF37,#FFD86A)!important;
    color:#111!important;
    border:none!important;
    border-radius:14px!important;
    padding:16px 38px!important;
    font-size:17px!important;
    font-weight:700!important;
    transition:.35s;
    cursor:pointer;
}

.woocommerce form.track_order button:hover,
.woocommerce form.track_order .button:hover{
    transform:translateY(-4px) scale(1.02);
    background:linear-gradient(135deg,#FFD86A,#D4AF37)!important;
    box-shadow:
    0 15px 35px rgba(212,175,55,.40);
}

.woocommerce form.track_order button:active,
.woocommerce form.track_order .button:active{
    transform:translateY(-1px) scale(0.98);
}

.woocommerce form.track_order button::before,
.woocommerce form.track_order .button::before{
    content:"";
    position:absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
    transform:skewX(-20deg);
    transition:left .65s ease;
}

.woocommerce form.track_order button:hover::before,
.woocommerce form.track_order .button:hover::before{
    left:125%;
}

/*=========================================
Heading — gold shimmer text
==========================================*/
.woocommerce h1,
.woocommerce h2,
.entry-title{
    background: linear-gradient(90deg, #D4AF37, #FFD86A, #D4AF37);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmerText 4s linear infinite;
    text-align:center;
    font-weight:700;
}

@keyframes shimmerText {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/*=========================================
Desktop Layout
==========================================*/
@media(min-width:768px){
.woocommerce form.track_order .form-row-first{
    width:48%;
    float:left;
}
.woocommerce form.track_order .form-row-last{
    width:48%;
    float:right;
}
.woocommerce form.track_order .clear{
    clear:both;
}
}

/*=========================================
Mobile
==========================================*/
@media(max-width:767px){
.woocommerce form.track_order{
    padding:25px;
    margin:20px;
}
.woocommerce form.track_order .form-row-first,
.woocommerce form.track_order .form-row-last{
    width:100%;
    float:none;
}
.woocommerce form.track_order button{
    width:100%;
}
}/* End custom CSS */