.main-body .container {
    min-height: calc(100vh - 63.47px);
    max-height: max-content;
    display: flex;
    /* padding-bottom: 5rem; */
    height: max-content;
}

.tracker{
    height: max-content;
    max-width: 700px;
    border-radius: var(--border-radius);
    z-index: 0;
}
.tracker .order-details{
    margin: auto;
    z-index: inherit;
}

.tracker .order-details .header img{
    max-width: 120px;
    border-radius: 10px;
    box-shadow: var(--shadow);
}
.tracker .order-details{
    margin: auto;
}
@media (max-width: 768px){
    .tracker .order-details{
        border-right: none;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }
}
.tracker .accordion{
    margin: auto;
    padding: 20px;
    border: solid 1px var(--borderGray);
    border-top: 0;
}
.tracker .order-details p{
    margin-bottom: 0;
}
.tracker .order-details .Shipment-details .items{
    position: relative;
}
.tracker .order-details .Shipment-details .items span:first-child,
.tracker .order-details .Shipment-details .items p:first-child{
    color: var(--PrimaryColor);
    margin-right: 10px;
    font-weight: bold;
    position: absolute;
    padding: 0px 10px;
    transform: translate(10px, -8px);
    background-color: #ffffff;
    font-size: 12px;
}
.tracker .order-details .Shipment-details .items div:last-child{
    padding: 10px 17px;
    border: 1px solid var(--borderGray);
    border-radius: var(--border-radius);
    /* margin-bottom: 28px; */
    height: 43px;
    text-wrap: nowrap;
    overflow: hidden;
}
.tracker .order-details .Shipment-details .items:last-child div{
    margin-bottom: 0;
}
.tracker .order-details .Shipment-details .shipment-body,
.tracker .order-details .Shipment-details .shipment-header{
    padding: 1rem;
    background-color: #ffffff;
    border-radius: var(--border-radius);
}
.tracker .order-details .Shipment-details .shipment-header{
    display: flex;
    align-items: center;
}
.tracker .order-details .Shipment-details .shipment-body{
    margin-top: 15px;
    border-top: solid 1px var(--borderGray);
    position: relative;
    z-index: 0;
    padding-top: 30px;
}
.tracker .order-details .Shipment-details .nav-tabs{
    border-bottom: 1px solid var(--borderGray);
}
.tracker .order-details .Shipment-details .nav-tabs .nav-link:hover{
    color: var(--PrimaryColor);
}
.tracker .order-details .Shipment-details .nav-tabs .nav-link{
    color: #555555;
    font-weight: 500;
}
.tracker .order-details .Shipment-details .nav-primary.nav-tabs .nav-link.active{
    color: var(--PrimaryColor);
    border: 1px solid ;
    border-color: var(--borderGray) var(--borderGray) #ffffff;
}
.tracker .track-done,
.tracker .track-ongoing{
    border-radius: var(--border-radius);
    margin-bottom: 3rem;
    border: 1px solid var(--borderGray);
}
.tracker .track-done::after,
.tracker .track-ongoing::after{
    content: "";
    background-color: var(--PrimaryColor);
    position: absolute;
    height: 5rem;
    width: 3px;
    z-index: -2;
    transform: translateX(2.5rem);
}
.tracker .track-ongoing::after{
    height: 1.5rem;
}
.tracker .track-pending::before{
    content: "";
    background-color: #bbbbbb;
    position: absolute;
    height: 5rem;
    width: 3px;
    z-index: -3;
    transform: translate(2.5rem, -100%);
}
.tracker .track-pending{
    /* pointer-events: none; */
    border-radius: var(--border-radius);
    margin-bottom: 3rem;
    border: 1px solid var(--borderGray);
}
.tracker .track-done .title .accordion-button{
    border-left: 5px solid #8BC34A !important;
    background: #88c34a82;
}
.tracker .track-ongoing .title .accordion-button{
    border-left: 5px solid var(--SecondaryColor) !important;
    background: var(--SecondaryColorLight) !important;
}
.tracker .track-pending .title .accordion-button{
    font-size: 15px;
    color: #2b2b2b;
    font-weight: bold;
    text-transform: capitalize;
    background-color: #bbbbbb;
    border-left: 5px solid #2b2b2b !important;
    border-radius: var(--border-radius) !important;
    /* border: 1px solid #2b2b2b; */
}

.tracker .accordion-item:first-child::before{
    content: none;
}
.tracker .accordion-item:last-child{
    margin-bottom: .5rem !important;
}

.tracker .accordion-item:last-child::after{
    height: 0rem !important;
}

.tracker .accordion-item span{
    position: absolute;
    transform: translateX(3.5rem);
    margin-top: 15px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}
.tracker .accordion-item:last-child span{
    margin-top: 5px;
}
.tracker .accordion-item .accordion-body span::before{
    content: "";
}
.tracker .track-ongoing span,
.tracker .track-done span{
    color: #04b454;
}
.tracker .track-pending span{
    color: #bbbbbb;
}
.tracker .accordion-item span::before{
    content: "Vessel Departed from port ";
    margin-right: 5px;
    font-weight: lighter;
    color: #04b454;
}
.tracker .accordion-item:last-child span::before{
    content: "Vessel Arrived on port";
}