.cart_container {
        /* padding:30px 50px; */
    }


    .card {
        border: none !important;
    }

    table {
        border: solid 1px #e8e8e8;
        box-shadow: 0px 1px 5px rgb(0 0 0 / 10%);
        padding: 10% 20%;
        background: white;
    }

    .button {
        display: inline-block;
        background: #0e8ce4;
        border-radius: 5px;
        height: 48px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease
    }


    .fontcenter {
        text-align: center;
    }

    .button a {
        display: block;
        font-size: 18px;
        font-weight: 400;
        line-height: 48px;
        color: #FFFFFF;
        padding-left: 35px;
        padding-right: 35px
    }

    .button:hover {
        opacity: 0.8
    }

    .cart_section {
        width: 100%;
        padding-top: 93px;
        padding-bottom: 111px
    }


    .cart_buttons {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
    }

    #button:hover {
        opacity: 0.7;
        color: blue;
        background-color: #fff;
        border: 2px solid blue;
    }

    .cart_button_clear {
        display: inline-block;
        border: none;
        font-size: 18px;
        font-weight: 400;
        line-height: 48px;
        color: rgba(0, 0, 0, 0.5);
        background: #FFFFFF;
        border: solid 1px #b2b2b2;
        padding: 0px 20px;
        outline: none;
        cursor: pointer;
        margin-right: 26px
    }

    .cart_button_clear:hover {
        border-color: #0e8ce4;
        color: #0e8ce4
    }

    .cart_button_checkout {
        display: inline-block;
        border: none;
        font-size: 18px;
        font-weight: 400;
        line-height: 48px;
        color: #FFFFFF;
        padding-left: 35px;
        padding-right: 35px;
        outline: none;
        cursor: pointer;
        vertical-align: top
    }

    .idstyle {
        display: none;
    }

    .tablestyle {
        border-spacing: 130px;
        margin: 100px 0px;
        border: none;
    }

    .tableContainer {
        /* background: #eee; */
    }

    .cardlist {
        display: flex;
        /* gap: 4%; */
        justify-content: space-around;
        flex: 1 1 auto;
        padding: 0 15px !important;
        align-items: center;
        min-height: 90px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }


    .cardlist p {
        font-size: 18px;
        color: green;
        font-weight: 700;
        min-width: 5%;
    }

    .text-right {
        justify-content: right;
        display: flex;
        width: 100%;
    }

    .text-right span {
        color: green;
        padding: 0 8px;
    }