.order-Complete {
    display: flex;
    width: 1900px;
    padding: 36px 72px;
    justify-content: center;
    align-items: flex-start;
    gap: 36px;
}

    .order-Complete .order-Complete-main {
        display: flex;
        flex-direction: column;
        width: 1220px;
        align-items: flex-start;
        gap: 24px;
        position: relative;
    }

    .order-Complete .checkout-wizard-step {
        display: flex;
        flex-direction: column;
        width: 1220px;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .div-wrapper-checkout {
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .order-Complete .inline-notification {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 10px;
        background: linear-gradient( 0deg, rgba(255, 188, 68, 0.24) 0%, rgba(255, 188, 68, 0.24) 100% ), linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100% );
        background-color: rgba(255, 255, 255, 1);
    }

    .order-Complete .icon {
        display: inline-flex;
        align-items: flex-start;
        justify-content: center;
        padding: 3px 0px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .img {
        position: relative;
        width: 18px;
        height: 18px;
    }

    .order-Complete .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .order-Complete .message-link {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
    }

    .order-Complete .close {
        position: relative;
        width: 24px;
        height: 24px;
    }

    .order-Complete .close-2 {
        position: absolute;
        width: 13px;
        height: 13px;
        top: 5px;
        left: 5px;
    }

    .order-Complete .div1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .checkout-wizard-step-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: #ffffff;
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .order-Complete .wizard-header-step {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .Page-header {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 10px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 6px;
    }

    .order-Complete .label-and {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .text-wrapper-header {
        color: #333;
        font-feature-settings: 'liga' off, 'clig' off;
        /* Heading/Desktop/h3 large */
        font-family: "Metric", Arial, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 100% */
        white-space: nowrap;
    }

    .order-Complete .exit-wizard {
        display: inline-flex;
        align-items: flex-end;
        gap: 32px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .global-notification {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 10px;
    }

    .order-Complete .message-link-wrapper {
        display: flex;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .order-Complete .step-options {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 24px;
        padding: 0px 42px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .form-fields {
        display: inline-flex;
        flex-direction: inherit;
        align-items: flex-start;
        gap: 18px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .CardSction {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 4px;
        align-self: stretch;
    }

    .order-Complete .user-info {
        width: 343px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        position: relative;
    }

    .order-Complete .div-2-checkout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .label {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        color: #555;
        /* Text/Medium/xsmall */
        font-family: "Metric", Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 114.286% */
    }

    .order-Complete .fileinput-box-checkout {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
    }

    .order-Complete .Textbox-value {
        position: relative;
        flex: 1;
        /*height: 24px;*/
        margin-top: -1.00px;
        white-space: nowrap;
        color: #757575;
        font-feature-settings: 'liga' off, 'clig' off;
        /* Form / placeholder */
        font-family: "Metric", Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 133.333% */
    }

    .order-Complete .step-form-end-user {
        gap: 10px;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        padding: 12px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .order-Complete .Section-Div {
        gap: 10px;
        display: flex;
        flex-direction: column;
        padding: 12px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .order-Complete .text-wrapper-24block {
        position: relative;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #333;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .order-Complete .text-wrapper-3 {
        position: relative;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .order-Complete .submit-buttons {
        align-items: flex-end;
        justify-content: flex-end;
        gap: 12px;
        align-self: stretch;
        border-radius: 6px;
        display: inline-flex;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .submit-button {
        flex-direction: column;
        align-items: center;
        padding: 6px 18px;
        background-color: rgba(0, 0, 0, 0.04);
        border-radius: 100px;
        display: inline-flex;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .identifier-checkout {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .div-11 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .label-2 {
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        font-size: 19px;
        line-height: 24px;
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .order-Complete .div-SubTotals {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .order-Complete .SubTotals {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 6px 12px;
        gap: 6px;
        position: relative;
        border-radius: 6px;
        background-color: rgba(247,247,247,1);
    }


    .order-Complete .user-delivery {
        display: flex;
        align-items: flex-start;
        /*justify-content: center;*/
        gap: 96px;
        padding: 0px 48px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .user-info-2 {
        width: 300px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        position: relative;
    }

    .order-Complete .label-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .delivery-address {
        display: flex;
        flex-direction: column;
        /*width: 341px;
        margin-left:20px;*/
        align-items: flex-start;
        gap: 12px;
        position: relative;
    }

    .order-Complete .input-box {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 4px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
    }

    .order-Complete .billing-address-auto {
        display: inline-flex;
        align-items: flex-start;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .left-icon {
        display: flex;
        flex-direction: column;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        position: relative;
        z-index: 1;
    }

    .order-Complete .img-2 {
        position: relative;
        width: 24px;
        height: 24px;
        margin-top: -10.00px;
        margin-bottom: -10.00px;
        margin-left: -10.00px;
        margin-right: -10.00px;
    }

    .order-Complete .step-form-end-user-2 {
        gap: 24px;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        padding: 12px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .order-Complete .global-notification-2 {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 10px;
        background: linear-gradient( 0deg, rgba(252, 97, 97, 0.24) 0%, rgba(252, 97, 97, 0.24) 100% ), linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100% );
        background-color: rgba(255, 255, 255, 1);
    }

    .order-Complete .content-2 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .order-Complete .message-link-2 {
        width: fit-content;
        position: relative;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
    }

    .order-Complete .text-wrapper-4 {
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        text-decoration: underline;
        font-style: normal;
        letter-spacing: 0px;
        line-height: 24px;
        font-size: 18px;
    }

    .order-Complete .step-options-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 36px;
        padding: 12px 42px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .payment-type {
        display: flex;
        align-items: flex-start;
        gap: 48px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .credit-card-options-wrapper {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .credit-card-options {
        display: inline-flex;
        align-items: flex-start;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .cell-states-3 {
        width: 282px;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
    }

    .order-Complete .accetped-cards {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .img-3 {
        position: relative;
        width: 36px;
        height: 36px;
    }

    .order-Complete .cell-states-4 {
        width: 90px;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
    }

    .order-Complete .cell-states-5 {
        width: 326px;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
    }

    .order-Complete .part-review-table {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-end;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .part-table-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        opacity: 0.9;
    }

    .order-Complete .review-table-header {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .text-wrapper-5 {
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: #333;
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .order-Complete .button {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 12px;
        position: relative;
        flex: 0 0 auto;
        margin-top: -1.00px;
        margin-bottom: -1.00px;
        margin-right: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
    }

    .order-Complete .part-review-table-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .table-headers {
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(187, 187, 187, 1);
        display: flex;
        position: relative;
    }

    .order-Complete .part-number-header {
        display: flex;
        width: 150px;
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .order-Complete .header-text {
        width: auto;
        font-size: 18px;
        line-height: 24px;
        white-space: nowrap;
        position: relative;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        letter-spacing: 0px;
        font-style: normal;
    }

    .order-Complete .header-text-wrapper {
        display: flex;
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .order-Complete .header-text-wrapper-2 {
        display: flex;
        width: 120px;
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .order-Complete .quantity {
        display: flex;
        width: 80px;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .order-Complete .div-10 {
        display: flex;
        width: 150px;
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .order-Complete .frame {
        gap: 12px;
        padding: 12px 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(0, 0, 0, 0.36);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .cart-line {
        display: flex;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        justify-content: space-between;
        width: 100%;
        flex: 0 0 auto;
        gap: 18px;
    }

    .order-Complete .value-6 {
        z-index: 1;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
        padding: 5px;
    }

    .order-Complete .table-cells-2 {
        width: 140px;
        min-height: 36px;
        align-items: center;
        gap: 6px;
        /*padding: 4px 12px;*/
        position: relative;
    }

    .order-Complete .Desc-cell {
        display: flex;
        max-width: 276px;
        min-height: 36px;
        padding: 4px 12px;
        align-items: center;
        gap: 6px;
        align-self: stretch;
    }

    .order-Complete .truncate-2-lines {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* limit to 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* adds "..." if clipped */
        white-space: normal;
        max-width: 300px; /* optional: set width for wrapping */
    }


    .order-Complete .img-wrapper {
        z-index: 3;
        display: flex;
        flex-direction: column;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        position: relative;
    }

    .order-Complete .right-icon {
        display: flex;
        flex-direction: column;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        position: relative;
        margin-right: -16.00px;
        z-index: 1;
    }

    .order-Complete .sub-totals {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 6px;
    }

    .order-Complete .order-total {
        width: 120px;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .order-Complete .div-PhoneNumberScction {
        display: flex;
        flex-direction: column;
        padding: 0 48px;
        align-items: flex-start;
        gap: 18px;
    }

    .order-Complete .Expeditediv {
        display: flex;
        width: 526px;
        padding: 12px 18px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        border-radius: 12px;
        background: #F7F7F7;
    }

    .order-Complete .div-shippingMethods {
        display: flex;
        padding: 12px 42px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 36px;
        align-self: stretch;
    }

    .order-Complete .checkout-buttons {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .next-button {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 18px;
        position: relative;
        flex: 0 0 auto;
        margin-top: -1.00px;
        margin-bottom: -1.00px;
        margin-left: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(1, 169, 130, 1);
    }

    .order-Complete .next-button-wrapper {
        all: unset;
        box-sizing: border-box;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 12px;
        align-self: stretch;
        border-radius: 6px;
        display: inline-flex;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .identifier-wrapper {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 18px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(1, 169, 130, 1);
        border-radius: 100px;
    }

    /* Shopping cart */
    .order-Complete .minishopping-cart {
        /*display: flex;
        flex-direction: column;
        width: 580px;
        align-items: center;
        gap: 24px;  
        position: sticky;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        position: sticky;
        top: 36px;
        width: 556px;
        flex-shrink: 0;
    }

    .order-Complete .shopping-cart-Details {
        display: flex;
        /*padding: 12px;*/
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .order-Complete .div-Buttons {
        display: flex;
        align-self: stretch;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 10px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.12);
    }

    .order-Complete .cart-table-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .cart-header-table {
        display: flex;
        flex-direction: column;
        width: 530px;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .cart-header-remove {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .text-wrapper {
        position: relative;
        width: fit-content;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .order-Complete .shopping-cart-table {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .div {
        display: flex;
        width: 120px;
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .order-Complete .icon-wrapper {
        position: relative;
        width: 24px;
        height: 24px;
        margin-right: -2.00px;
    }

    .order-Complete .remove {
        display: flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .order-Complete .total-lines-quantity {
        display: flex;
        height: 36px;
        align-items: center;
        justify-content: flex-end;
        gap: 24px;
        padding: 0px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
    }

    .order-Complete .div-2-total {
        display: inline-flex;
        height: 36px;
        align-items: center;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .order-Complete .fileinput-box-wrapper {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
        border-radius: 6px;
        width: 40px;
    }

    .order-Complete .value-wrapper {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 3px 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
    }

    .order-Complete .totals-order-buttons {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 18px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .ordertotal-options {
        display: flex;
        align-items: flex-start;
        gap: 36px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        position: relative;
    }

    .order-Complete .total-and-checkout {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .order-Complete .order-total-large {
        display: inline-flex;
        height: 82px;
        align-items: flex-start;
        gap: 6px;
        padding: 6px 12px;
        border-radius: 6px;
        flex-direction: column;
        position: relative;
    }

    .order-Complete .pharagraph {
        align-self: stretch;
        color: #444;
        text-align: right;
        font-feature-settings: 'liga' off, 'clig' off;
        /* Heading/Desktop/h4 large */
        font-family: "Metric", Arial, sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 100% */
    }

    .order-Complete .div-wrapper-cart {
        display: inline-flex;
        align-items: flex-end;
        justify-content: center;
        padding: 6px 0px;
        flex: 1;
        flex-grow: 1;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        flex-direction: column;
        position: relative;
    }

    .order-Complete .div-price {
        display: flex;
        padding: 0 6px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.72);
        background: #FFF;
    }

    .order-Complete .text-wrapper-total {
        color: #555;
        text-align: right;
        /* Text/Semibold/xxlarge */
        font-family: "MetricSemibold", Arial, sans-serif;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px; /* 111.111% */
    }

    .order-Complete .order-button {
        all: unset;
        box-sizing: border-box;
        display: flex;
        padding: 6px 18px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(1, 169, 130, 1);
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .order-Complete .inline-notification-Note {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: #E0F8FF;
        border-radius: 6px;
    }

    .order-Complete .content-Note {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .order-Complete .tcs-privacy-links {
        display: flex;
        height: 48px;
        align-items: center;
        gap: 48px;
        position: relative;
        align-self: stretch;
        width: 100%;
    }

    .order-Complete .button-Termsandcondetion {
        all: unset;
        box-sizing: border-box;
        display: flex;
        padding: 6px 18px;
        flex: 1;
        flex-grow: 1;
        margin-left: -1.00px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .order-Complete .button-remove {
        all: unset;
    }

    .order-Complete .pickShipto-Address {
        display: flex;
        padding: 12px 18px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        border-radius: 12px;
        background: #F7F7F7;
    }

    .order-Complete .pick-from-list-of {
        display: flex;
        align-items: baseline;
        gap: 12px;
    }

    .order-Complete .link-Button-frame {
        display: flex;
        align-items: center;
    }

    .order-Complete .link-button {
        display: flex;
        min-width: 24px;
        min-height: 24px;
        justify-content: center;
        gap: 3px;
        border-radius: 9999px;
        border: 1px solid rgba(0, 0, 0, 0.00);
        background: rgba(0, 0, 0, 0.04);
    }


    .order-Complete .use-billto_adress {
        display: flex;
        width: 384px;
        min-height: 36px;
        padding: 5px 12px;
        align-items: flex-start;
        gap: 12px;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.36);
        background: rgba(0, 0, 0, 0.00);
    }

    .order-Complete .focus-indicator {
        display: flex;
        width: 24px;
        height: 24px;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        border-radius: 9999px;
        border: 2px solid #FFF;
        background: rgba(255, 255, 255, 0.00);
        box-shadow: 0 0 0 2px #004233;
    }

    .order-Complete .icon-pick {
        width: 24px;
        height: 14px;
        margin-top: 5px;
    }

    .order-Complete .search-a-ship {
        display: flex;
        align-items: center;
        gap: 12px;
        align-self: stretch;
    }

    .order-Complete .search-ship-input {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .order-Complete .search-input {
        display: flex;
        align-items: flex-start;
        min-height: 36px;
        padding: 5px 12px;
        gap: 6px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.36);
        background: rgba(0, 0, 0, 0);
    }

    .order-Complete .search-img {
        display: flex;
        min-height: 36px;
        padding: 5px 12px;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.36);
        background: rgba(0, 0, 0, 0.00);
    }

    .order-Complete .default-address-div {
        display: flex;
        padding: 0 48px;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .order-Complete .default-address-div-label {
        display: flex;
        width:, 192px;
        align-items: flex-start;
        gap: 6px;
    }

    .order-Complete .default-address-div-adress {
        display: flex;
        width: 384px;
        flex-direction: column;
        align-items: flex-start;
    }

    .order-Complete .form-Div {
        display: flex;
        /*width: 1000px;*/
        padding: 0 48px;
        align-items: flex-start;
        gap: 10px;
    }

    .order-Complete .form-divDropship {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;
    }

    .order-Complete .Phonenumber-div {
        display: flex;
        flex-direction: row;
    }

    .order-Complete .orderability-tag {
        display: flex;
        padding: 0 12px;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        background: #17EBA0;
    }

    .order-Complete .instockText {
        color: #FFF;
        /* Text/Normal/xsmall */
        font-family: "MetricSemibold", Arial, sans-serif;
        ;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; /* 114.286% */
    }

    .order-Complete .outofstock-option {
        display: flex;
        padding: 0 12px;
        align-items: center;
        gap: 8px;
        border-radius: 100px;
        background: #FFBC44;
        white-space: nowrap;
    }

    .order-Complete .outofstocktext {
        color: #333;
        /* Text/Normal/xsmall */
        font-family: "MetricSemibold", Arial, sans-serif;
        ;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; /* 114.286% */
    }

    .order-Complete .all-button-options {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 24px;
    }

    .order-Complete .div-other-buttons {
        display: flex;
        width: 100%;
        gap: 24px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

    .order-Complete .div-secondory-buttons {
        display: flex;
        height: 30px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        flex-shrink: 0;
        align-self: stretch;
    }

    .order-Complete .div-third-buttons {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
    }

    .order-Complete .secondory-buttons {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
    }

    .order-Complete .secondory-buttons-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 24px;
        flex-shrink: 0;
    }

    .order-Complete .save-as-buttion {
        display: flex;
        align-items: center;
        gap: 17px;
        align-self: stretch;
    }

    .order-Complete .save-as-buttion-right {
        display: flex;
        align-items: center;
        gap: 17px;
        align-self: stretch;
        justify-content: flex-end;
    }

    .order-Complete .value-wrapper-Button {
        display: flex;
        min-height: 36px;
        padding: 5px 18px;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .order-Complete .value-Button {
        border-radius: 9999px;
        border: 1px solid rgba(0, 0, 0, 0.00);
        background: rgba(0, 0, 0, 0.04);
    }

    .order-Complete .value-Button-text {
        color: #006750;
        text-align: center;
        /* button/medium/secondary */
        font-family: "Metric", Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 133.333% */
    }

    .order-Complete .checkout-button {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .order-Complete .secondoryPlain-button {
        display: flex;
        min-height: 36px;
        padding: 5px 18px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        border-radius: 9999px;
        border: 1px solid rgba(0, 0, 0, 0.00);
        background: rgba(0, 0, 0, 0.00);
    }

    .order-Complete .text-secondoryPlain-button {
        color: #2E2E2E;
        text-align: center;
        /* button/medium/default/rest */
        font-family: "Metric", Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
    }

    .order-Complete .continue-button {
        display: flex;
        height: 36px;
        min-height: 36px;
        padding: 5px 18px;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .order-Complete .div-continue {
        border-radius: 9999px;
        border: 1px solid rgba(0, 0, 0, 0.00);
        background: #008567;
    }

    .order-Complete .div-continue-text {
        color: #FFF;
        text-align: center;
        /* button/medium/primary */
        font-family: "Metric", Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 133.333% */
    }

    .order-Complete .part-availability {
        display: flex;
        width: 200px;
        flex-direction: column;
        align-items: flex-start;
    }

    .order-Complete .part-details-line {
        display: flex;
        padding-right: 10px;
        align-items: center;
        align-self: stretch;
    }

    .order-Complete .table-cells {
        display: flex;
        width: 150px;
        min-height: 36px;
        padding: 0 12px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .order-Complete .table-cell-cart {
        display: flex;
        width: 190px;
        min-height: 36px;
        padding: 0 12px;
        gap: 18px;
        align-items: center;
        align-self: stretch;
    }

    .order-Complete .Stock-availability {
        display: flex;
        height: 16px;
        padding: 0 12px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        gap: 10px;
    }

    .order-Complete .orderconformation {
        display: flex;
        /*justify-content: center;*/
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        padding: 0px 24px;
    }

    .order-Complete .order-Thankyou {
        display: flex;
        width: 100%;
        gap: 24px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 12px;
        background: #FFF;
    }

    .order-Complete .global-Blue-2 {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 6px;
        border: 0 solid rgba(0,0,0,0.00);
        background-color: #E0F8FF;
    }

    .order-Complete .NameValueList {
        display: flex;
        width: 610px;
        height: 24px;
        align-items: flex-start;
        gap: 48px;
        justify-content: center;
    }

    .order-Complete .Namelist {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
        flex: 1 0 0;
    }

    .order-Complete .valuesList {
        display: flex;
        /*width: 337px;*/
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        flex-shrink: 0;
    }


    .order-Complete .Agreediv {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .order-Complete .aggree-Check {
        display: flex;
        flex-direction: column;
        min-height: 36px;
        padding: 5px 50px;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.36);
        background: rgba(0, 0, 0, 0.00);
    }

    .order-Complete .Recipt-note {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .order-Complete .divClearCart {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        align-items: center;
        margin-right: 19px;
    }

    .order-Complete .divSelect {
        width: 94px;
        height: 30px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 100px;
        border: 2px #008567 solid;
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
    }

    .order-Complete .ShoppingCartTable {
        display: flex;
        width: 1220px;
        flex-direction: column;
        gap: 12px;
        flex-shrink: 0;
    }


    .order-Complete .gv-clean {
        border-collapse: collapse;
        width: 100%;
    }

        .order-Complete .gv-clean th {
            border-bottom: 2px solid #000; /* header bottom line */
            padding: 6px 10px;
        }

        .order-Complete .gv-clean td {
            border: none; /* remove all row borders */
            padding: 6px 10px;
        }

        .order-Complete .gv-clean tr:last-child td {
            border-bottom: 2px solid #000; /* last row bottom line */
        }

    .order-Complete .truncate-2-lines {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* show only 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        max-width: 400px; /* adjust column width */
    }