#main-cont {
            width: 85%;
            margin-top: 80px;
            margin-left: 110px;
            background-color: #F5F5F5;
        }

        #wrap {
            width: 95%;
            margin: auto;
        }

        #basket {
            font-size: 30px;
            padding: 2px;
        }

        #dis-head {
            display: grid;
            grid-template-columns: 14% 26% 15% 13% 15% 8%;
            /* gap: 2%; */
            text-align: center;
            background-color: #616161;
            margin-top: 20px;
            font-size: 17px;
            font-weight: 500;
            padding: 5px;
            color: white;
        }


        #table-head {
            display: none;
        }

        #mid-check {
            display: grid;
            grid-template-columns: 45% 45%;
            gap: 5%;
        }

        #right {
            border: 1px solid #b1b7ca;
            height: 320px;
        }

        #checkout {
            margin: 30px 20px;
            width: 80%;

        }

        .check_btn {
            letter-spacing: 2px;
            font-size: 19px;
            font-weight: 700;
            width: 90%;
            background-color: #FACC15;
            height: 45px;
            margin-left: 35px;

        }

        .check_btn:hover {
            background-color: #c2a238;
        }

        #checkout1 {
            width: 100%;
            padding: 10px;


        }

        #cards {
            display: grid;
            grid-template-columns: 16% 16% 16% 16% 16%;
            gap: 3%;
            margin: 10px 10px;


        }

        #cards img {
            width: 100%;
        }

        .btn {
            background-color: #F5F5F5;
            border: none;
            color: white;
            padding: 12px 16px;

        }

        #promo>input {
            width: 40%;
            margin-top: 30px;
            height: 30px;
            margin-left: 70px;
        }

        #promo-btn {
            margin-top: 30px;
            padding: 50px;

        }

        .promo_btn {
            height: 35px;
            width: 70px;
            margin-left: 20px;
            /* font-weight: 700; */
            letter-spacing: 1px;
            background-color: #FACC15;
        }

        #goTohome {
            margin-top: 100px;
            margin-left: 100px;
        }

        #goTohome-btn {
            height: 50px;
            width: 250px;
            font-size: 18px;
            font-weight: 600;
            padding: 5px 20px;
            background-color: #FACC15;

        }

        #goTohome-btn:hover {
            background-color: #c2a238;
        }

        .promo_btn:hover {
            background-color: #c2a238;
        }

        table {
            border-spacing: 90px;
            /* border: 1px solid red; */
            /* background-color: rgb(174, 211, 211); */
        }

        .btn_pm {
            padding: 1px 12px;
            margin: 3px 5px;
        }




        th {
            background-color: yellow;
            border: 1px solid rgb(204, 48, 48)
        }

        tr>td {
            height: 100px
        }

        td>div>input {
            width: 80%;

        }

        td>img {
            width: 50%;
        }