.order-main-padding {
    padding: 0px 120px;
}
.cl-F34EFF {
    color: #f34eff !important;
}
.cl-707070 {
   color: #292929;
}
.bg-7E13AE {
    background-color: #7e13ae !important;
}
.cl-7e13ae {
    color: #7e13ae;
}
.order_id {
    font-size: 1.2rem;
    font-weight: 500;
}
.site-title {
    font-size: 2em;
}
.site-description {
    font-size: 15px;
    letter-spacing: 3px;
}
/* .bannar-height{
    padding-top: 6%;
} */
.bannar-heading {
    line-height: 1.2;
    font-weight: bolder !important;
}
.main_padding {
    padding: 0px 50px 0px 50px;
}
.text-end {
    text-align: end;
}
.bannar-description {
    font-weight: 300 !important;
    line-height: 1.7;
    margin-left: auto;
}

.order_details {
    font-size: 2.5rem;
    font-weight: 600;
}
.orderTracksection > div.row > div,
.order_details_Section {
    border-right: 3px solid #7e13ae;
    border-bottom: 4px solid #7e13ae;
    border-top: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
}
.fw-400 {
    font-weight: 400;
}
.fw-600 {
    font-weight: 600;
}
.labelOrederDetails {
    font-size: 1.4rem;
}
.trackInput {
    height: calc(2em + 0.75rem + 2px) !important;
}

.footerBar {
    background-color: #7e13ae !important;
    padding: 20px;
}
.track_Order_Main_Padding {
    padding: 42px 20px 42px 20px;
}
.mainSection {
    min-height: calc(100vh - 40px);
}
.trackOrder {
    font-size: 2rem;
}

@media screen and (min-width: 1700px) {
    .bannar-heading {
        font-size: 3.8rem;
        padding: 1.5rem 0px 1.5rem 0px;
    }

    .bannar-description {
        font-size: 1.8rem;
        max-width: 573px;
    }
    .orderTracksection {
        margin: 5% 0%;
    }
}

@media screen and (max-width: 1700px) and (min-width: 1500px) {
    .bannar-heading {
        font-size: 2.6rem;
        padding: 1.3rem 0px 0.5rem 0px;
    }
    .bannar-description {
        font-size: 1.8rem;
        max-width: 568px;
    }
    .orderTracksection {
        margin: 4% 0%;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1300px) {
    .order-main-padding {
        padding: 0px 100px;
    }
    .bannar-heading {
        padding: 1.3rem 0px 0.5rem 0px;
        font-size: 2.5rem;
    }
    .orderTracksection {
        margin: 4% 0%;
    }
    .bannar-description {
        font-size: 1.6rem;
        max-width: 568px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1000px) {
    .order-main-padding {
        padding: 0px 70px;
    }
    .bannar-heading {
        font-size: 2rem;
    }
    .bannar-description {
        font-size: 1.2rem;
        max-width: 330px;
    }
    .orderTracksection {
        margin: 5% 0%;
    }
}

@media screen and (max-width: 1000px) and (min-width: 786px) {
    .order-main-padding {
        padding: 0px 50px;
    }
    .bannar-heading {
        font-size: 2.5rem;
    }
    .orderTracksection {
        margin: 2% 0%;
    }
    .bannar-description {
        font-size: 1rem;
    }
}

@media screen and (max-width: 786px) and (min-width: 580px) {
    .order-main-padding {
        padding: 0px 20px;
    }
    .bannar-heading {
        font-size: 1.5rem;
        padding: 0.3rem 0px 0.3rem 0px;
    }
    .bannar-description {
        max-width: 222px;
        font-size: 0.8rem;
    }
    .orderTracksection {
        margin: 5% 0%;
    }
}

@media screen and (max-width: 580px) {
    .order-main-padding {
        padding: 0px 15px;
    }
    .site-title {
        font-size: 1.2em;
        white-space: nowrap;
    }
    .orderTracksection {
        padding: 0px 15px 0px 15px;
        margin: 10% 0%;
    }
    .track_Order_Main_Padding {
        padding: 16px 0px 16px 0px;
    }
    .trackOrder {
        font-size: 1.4rem;
    }
    .site-description {
        font-size: 11px;
        letter-spacing: 3px;
    }
    .bannar-heading {
        font-size: 0.7rem;
        padding-top: 5px;
    }
    .bannar-description {
        font-size: 0.6rem;
        padding-left: 21px;
        max-width: 244px;
        width: 73%;
        margin: inherit !important;
    }
    .padding_0 {
        padding: 0px !important;
    }
    .card_Img_Overlay {
        padding: 0.2rem !important;
    }
    .mainSection {
        min-height: calc(100vh - 22px) !important;
    }
    .footerBar {
        background-color: #7e13ae !important;
        padding: 11px !important;
    }
    .row-center{
        text-align: center;
    }
    .socialImg{
        width: 40px;
    }
}