.OrderTrackModal {}

.OrderTrackModal .modal-content {}

.OrderTrackModal .modal-content .OrderInfoForModal {
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 5px;
    /* border-bottom: 1px solid #454545; */
}

.OrderTrackModal .modal-content .modal-body {
    padding: 20px 20px;
}
.OrderTrackModal .modal-content .modal-body .main_container {}

.OrderTrackModal .modal-content .modal-body .main_container .heading_part {}

.OrderTrackModal .modal-content .modal-body .main_container .img_holder {
    width: 60%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    display: none;
}

.OrderTrackModal .modal-content .modal-body .main_container .img_holder img {
    width: 100%;
    height: 100%;
}

.OrderTrackModal  .OrderInfoForModal .main_content_holder .top_content .order_id_div .order_id {
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}

.OrderTrackModal  .OrderInfoForModal .main_content_holder .bottom_content .date_div .date {
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 3px;
}

@media (min-width: 0px) and (max-width: 575px) {
    .OrderTrackModal .modal-content .modal-body {
        padding: 20px 8px;
    }
}