.wrap-ship{flex-direction:column;padding:20px;gap:16px}.loader-container,.wrap-ship{display:flex;align-items:center}.loader-container{justify-content:center;margin:20px 0}.loader{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wrapper-shipment{display:flex;flex-direction:column;align-items:center;padding-left:1rem;padding-right:1rem}.card{max-width:920px;background:#f7f7f7;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.04);width:100%}.ship-input{width:450px;padding:10px 15px;border:1px solid #e6e6e6;border-radius:5px;font-size:22px}.input-container{display:flex;gap:20px;margin:20px 0;padding:0 20px}.track-btn{background:#306164;color:#fff;border:none;font-size:18px;border-radius:5px;padding:10px 40px;cursor:pointer;transition:background .3s}.track-btn:hover{background:#254d4f}.first-card{max-width:920px;background:#F0F0F0;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.04);display:flex;justify-content:space-between;width:100%;padding:16px}.text-font{font-size:20px}.heading-font{font-size:18px}.card__header{gap:8px;padding:14px 18px;border-bottom:1px solid #e6e6e6;cursor:pointer}.card__header,.sub-card{display:flex;align-items:center}.sub-card{width:100%;justify-content:space-between}.card__title{font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px}.badge{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:6px;background:#f1f5ff}.muted{color:#606470;font-weight:500}.summary{display:grid;grid-template-columns:1fr 1fr 48px;grid-gap:12px;gap:12px;padding:14px 18px;cursor:pointer}.details-wrapper{overflow:hidden;max-height:0;transition:max-height .3s ease,opacity .2s ease,transform .4s ease;opacity:0;transform:translateY(-6px)}.details-wrapper.open{max-height:2000px;opacity:1;transform:translateY(0)}.chevron-btn{border:none;font-size:32px;cursor:pointer;padding:8px;display:inline-flex;align-items:center;justify-content:center}.chevron-btn .chev{transition:transform .22s ease}.chevron-btn.open .chev{transform:rotate(180deg)}.summary__label{color:#606470;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.summary__value{font-size:15px;margin-top:4px}.note{margin:10px 18px;color:#444;font-size:13px}.timeline{list-style:none;margin:0 auto;padding:12px 0}.timeline__row{display:grid;grid-template-columns:110px 40px 300px;align-items:flex-start;justify-content:start;grid-gap:0;gap:0}.timeline__left{padding-right:6px}.place{text-align:right}.place__city{line-height:1;font-weight:700}.place__sub{font-size:12px;color:var(--muted)}.timeline__mid{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 1;align-self:start;height:100%}.line{width:2px;height:100%}.dot,.line{background:#481939}.dot{position:relative;z-index:1;max-width:12px;max-height:12px;min-width:12px;min-height:12px;border-radius:50%;border:3px solid #481939;box-shadow:0 0 0 3px #9e4482}.input-wrap{display:flex;flex-direction:column;align-items:center}.timeline__right{padding-left:10px;padding-bottom:1rem}.timeline__row:last-child .line{display:none}.milestone__title{line-height:1;font-weight:600}.milestone__date{font-size:12px;color:var(--muted);margin-top:2px}.location-left-2{display:none}@media (max-width:760px){.summary{grid-template-columns:1fr}.first-card{flex-direction:column;gap:10px}.wrapper-content{margin-top:1rem;h2{font-size:1.5rem;font-weight:600}h5{font-size:1rem;font-weight:400}}.heading-font{line-height:1.5}.ship-input{width:330px}.mb-4{margin-bottom:1rem!important}.sub-card{flex-direction:column;align-items:flex-start}.padding-div{padding-left:3rem;padding-right:3rem}.input-container{flex-direction:column;padding:0 10px;margin:0 0 20px}.timeline{margin:0}.timeline__row{display:grid;grid-template-columns:40px 1fr;align-items:flex-start;grid-gap:10px;gap:10px}.timeline__mid{position:relative;display:flex;flex-direction:column;align-items:center}.location-left,.timeline__row:last-child .line{display:none}.location-left-2{display:inline;.place{.place__city{font-size:12px;font-weight:400}}}.line{height:100%}.dot{margin-top:4px;margin-bottom:4px}.place{text-align:left}.timeline__left{text-align:left;padding-right:0}.timeline__right{padding-left:0}.timeline__row>.timeline__left,.timeline__row>.timeline__right{grid-column:2}}.awb-card{background:#fff;border:1px solid #e7e7e7;border-radius:20px;padding:28px;gap:28px;max-width:1100px;margin-top:1rem;margin-bottom:2rem;box-shadow:0 0 10px rgba(33,33,33,.25)}.awb-card,.awb-flight{display:flex;align-items:center}.awb-flight{width:180px;flex-direction:column;gap:1rem;border-right:2px dotted #d4d4d4;padding-right:1rem;height:200px;justify-content:center}.awb-flight i{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#ac5ab3,#8b3d7f);display:grid;place-items:center;color:#fff;font-size:24px}.awb-flight span{font-weight:700}.awb-details{flex:1 1;flex-direction:column;gap:26px;padding-right:56px}.awb-details,.awb-timeline{display:flex;position:relative}.awb-timeline{align-items:center;gap:12px}.awb-timeline .dot{width:18px;height:18px;border-radius:50%;background:#481939}.awb-timeline .line{height:6px;flex:1 1;background:#481939;border-radius:6px}.awb-timeline .plane-icon{position:absolute;right:-48px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#481939;color:#fff;display:grid;place-items:center;font-size:18px}.awb-locations{display:flex;justify-content:space-between;gap:24px}.awb-locations .location-info{display:flex;flex-direction:column;gap:6px;min-width:200px}.right-aligned{text-align:right}.awb-locations .time{font-size:46px;font-weight:800;line-height:1}.awb-locations .date{font-weight:700;color:#444}.awb-locations .location{font-size:20px;color:#1a1a1a}.awb-stats{display:flex;gap:48px;font-size:18px;color:#222}.basic-info{display:flex;justify-content:space-between;color:#444}.basic-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.status-check{background:#481939;color:#fff;border-radius:32px;align-items:center;padding:.5rem 2rem;flex-direction:row!important;gap:.5rem}@media (max-width:900px){.awb-card,.basic-info{flex-direction:column}.awb-flight{width:auto;justify-content:flex-start;border-right:none;height:auto}.awb-details{padding-right:0}.awb-timeline .plane-icon{right:-36px;width:36px;height:36px;font-size:14px}.awb-locations{flex-direction:column;gap:20px}.awb-locations .time{font-size:36px}.right-aligned{text-align:left}}