bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

<!DOCTYPE html>
<html lang="en">
<?php
include 'include/head.php';
?>
<style>
   .holder .back_history
      {
      display: block;
      color: #38bfc7;
      margin-bottom: 30px;
      }
      .holder {
            margin-top: 0px !important;
        }
        .websiteMyacTitle h5
        {
            margin-bottom: 0px;
        }
      .back_history i
      {
      font-weight: 400;
      padding-right: 7px;
      }
      .material input
      {
         width: 100%;
       border: 1px solid rgba(0, 0, 0, .3);
       border-radius: 5px;
       font-size: 14px;
       font-family: montserrat, sans-serif;
       padding: 14px 14px 14px 20px;
       position: relative;
       height: auto;
       display: block;
      }
      .material input:focus~label, .material input:valid~label {
           transform: none; 
          top: -10px !important;
          background: #fff;
          padding: 0px 3px;
          transition: ease 0.2s ;
      }
      .backtoListing
      {
        margin: 10px 0px;
      }
      .material label
      {
         left: 20px;
         top: 15px;
         margin-bottom: 0px;
          transition: ease 0.2s ;
      }
      .form-row
      {
         display: flex;
      }
      .form-row .col-6
      {
         width: 48%;
      }
      .form-row .col-6:first-child
      {
         margin-right: 4%;
      }
      input[type='radio']+label:after
      {
         top: 11px;
         left: 11px !important;
         background-color: #00BCD4;
      }
      input[type='checkbox']+label:before, input[type='radio']+label:before
      {
         top: 5px;
         left: 5px;
         box-shadow: none;
      }
      textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus, textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
          border-width: 1px;
          border-style: solid;
          border-color: #000;
          outline: 0 none;
          box-shadow: none !important;
      }
      .fullWidthXs fieldset
      {
         margin-bottom: 20px;
      }
      .offcanvas__stikcy--toolbar
      {
        display: none;
      }
      .chaadnext
      {
        display: none;
      }

@media (max-width: 768px)
      {
        .chaadnext
      {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        color: #00BCD4;
      }
      .riconlo
      {
        display: none;
      }
      .posalki
      {
        justify-content: space-between;
      }

.delsela .bkf-ellipsis
        {
            max-width: 70% !important;
        }
        .clr-shade3
        {
            font-weight: 400;
        }
        .bkf-ellipsis
        {
            white-space: normal;
            overflow: overlay;
            text-overflow: unset;
        }

.left_side
         {
            display: none;
         }
         .backtoListing
         {
            display: none;
         }
         .fooopen {
             margin-bottom: 0px;
         }
         .btnfoot h4
         {
            margin-bottom: 0px;
         }
      }
</style>

<div class="page-content pb_bottom">
        <div class="holder">
            <div class="container">
                     
               <div class="row">
                    <div class="col-md-12">
                        <div class="backtoListing hidden-xs">
                            <div class="websiteMyacTitle">
                                <h5>
                                    Choose your payment method
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">

<div class="col-md-7 col-lg-7">
                        <hr class="hr-dark">
                       <div class="delsela" onclick = "window.location.href='add-address.php';">
                        <div class="deflox">
                            <span class="f-b3-r clr-shade1 deltexk">Delivering order to </span> 
                            <span class="f-b3-s clr-shade1">
                                Chander Mohan
                            </span>

<span class="ad-in--label">
                                <span>office</span>
                            </span>
                            </div>
                            <div class="d-flex align-items-center posalki">
                                <p class="f-b2-r clr-shade3 bkf-ellipsis" style="max-width: 85%;">
                                    Policybazaar Plot No 49, Gurgaon, Haryana, 122001
                                </p>
                                <img class="ml-1 riconlo" src="https://images.bewakoof.com/web/right-arrow-addr-1645078965.svg" alt="address change">
                                <span class="chaadnext">
                                    Change
                                </span>
                            </div>
                        </div>
                        <hr class="hr-dark">

<div class="maavrot av-cot itemsbtn" id="itebtna">
                            <div class="flex-1">
                                <span class="sum-acc-head">ITEMS (5)</span>
                            </div>
                            <div class="d-flex justify-content-center align-items-center av-ico-wrap">
                                <i class="fa fa-angle-down"></i>
                            </div>
                        </div>

<div class="shipmentWrapper data p-sum-itm-wrap">
                           <p class="f-b2-s mb-3 yapti">You are paying for these items</p>
                           <div class="inodima">
                              <div class="shipmentinner d-flex align-items-center">
                                 <p class="count bgclr-p-black clr-so-white f-b3-m">1</p>
                                 <img src="https://images.bewakoof.com/t320/women-s-black-super-loose-fit-cargo-joggers-624640-1710771372-1.jpg" alt="Women's Black Super Loose Fit Cargo Joggers">
                                 <div class="shipmentinnerText ml-3" style="width: 85%;">
                                    <p class="f-b3-r clr-shade2 bkf-ellipsis">Women's Black Super Loose Fit Cargo JoggersWomen's Black Super Loose Fit Cargo Joggers</p>
                                    <p class="f-b3-r clr-shade4 bkf-ellipsis"><span class="estmta">Estimated</span> delivery by <span class="clr-so-green f-b3-s">02 August 2024</span></p>
                                 </div>
                              </div>
                              <hr>
                           </div>
                           <div class="inodima">
                              <div class="shipmentinner d-flex align-items-center">
                                 <p class="count bgclr-p-black clr-so-white f-b3-m">1</p>
                                 <img src="https://images.bewakoof.com/t320/women-s-black-super-loose-fit-cargo-joggers-624640-1710771372-1.jpg" alt="Women's Black Super Loose Fit Cargo Joggers">
                                 <div class="shipmentinnerText ml-3" style="width: 85%;">
                                    <p class="f-b3-r clr-shade2 bkf-ellipsis">Women's Black Super Loose Fit Cargo JoggersWomen's Black Super Loose Fit Cargo Joggers</p>
                                    <p class="f-b3-r clr-shade4 bkf-ellipsis"><span class="estmta">Estimated</span> delivery by <span class="clr-so-green f-b3-s">31 July 2024</span></p>
                                 </div>
                              </div>
                              <hr>
                           </div>
                        </div>

<div class="shipmentWrapper p-sum-itm-wrap itemproch">
                           <p class="f-b2-s mb-3 yapti">You are paying for these items</p>
                           <div class="inodima">
                              <div class="shipmentinner d-flex align-items-center">
                                 <p class="count bgclr-p-black clr-so-white f-b3-m">1</p>
                                 <img src="https://images.bewakoof.com/t320/women-s-black-super-loose-fit-cargo-joggers-624640-1710771372-1.jpg" alt="Women's Black Super Loose Fit Cargo Joggers">
                                 <div class="shipmentinnerText ml-3" style="width: 85%;">
                                    <p class="f-b3-r clr-shade2 bkf-ellipsis">Women's Black Super Loose Fit Cargo JoggersWomen's Black Super Loose Fit Cargo Joggers</p>
                                    <p class="f-b3-r clr-shade4 bkf-ellipsis"><span class="estmta">Estimated</span> delivery by <span class="clr-so-green f-b3-s">02 August 2024</span></p>
                                 </div>
                              </div>
                              <hr>
                           </div>
                           <div class="inodima">
                              <div class="shipmentinner d-flex align-items-center">
                                 <p class="count bgclr-p-black clr-so-white f-b3-m">1</p>
                                 <img src="https://images.bewakoof.com/t320/women-s-black-super-loose-fit-cargo-joggers-624640-1710771372-1.jpg" alt="Women's Black Super Loose Fit Cargo Joggers">
                                 <div class="shipmentinnerText ml-3" style="width: 85%;">
                                    <p class="f-b3-r clr-shade2 bkf-ellipsis">Women's Black Super Loose Fit Cargo JoggersWomen's Black Super Loose Fit Cargo Joggers</p>
                                    <p class="f-b3-r clr-shade4 bkf-ellipsis"><span class="estmta">Estimated</span> delivery by <span class="clr-so-green f-b3-s">31 July 2024</span></p>
                                 </div>
                              </div>
                              <hr>
                           </div>
                        </div>
                    </div>

<div class="col-md-1 col-lg-1"></div>
                    <div class="col-md-4 col-lg-4 mt-2 mt-md-0">
                        <div class="card-total cartomob">
                            <div class="bgclr-so-white ">
                                <p class="f-b1-b mb-3 pmt-popup-wrap">Price Summary</p>
                                <div class="paymentBox false ">
                                    <div class="undefined ">
                                        <div class="d-flex justify-content-between w100 paymentBoxInner f-b3-r">
                                            <p class="f-b3-r p-brk-dwn false">Total MRP (Incl. of taxes)&nbsp;</p>
                                            <p class="f-b3-r p-brk-dwn false">₹13843</p>
                                        </div>
                                        <div class="d-flex justify-content-between w100 paymentBoxInner f-b3-r">
                                            <p class="f-b3-r p-brk-dwn false">Delivery Fee&nbsp;</p>
                                            <p class="f-b3-r p-brk-dwn false" style="color: rgb(0, 184, 82);">FREE</p>
                                        </div>
                                        <div class="d-flex justify-content-between w100 paymentBoxInner f-b3-r">
                                            <p class="f-b3-r p-brk-dwn false">Discount on MRP&nbsp;</p>
                                            <p class="f-b3-r p-brk-dwn false">- ₹7050</p>
                                        </div>
                                    </div>
                                </div>
                                <hr class="m-0">
                                <div class="f-b2-s mt-3 d-flex justify-content-between">
                                    <p>Final amount</p>
                                    <p>₹6793</p>
                                </div>
                            </div>
                         </div>
                            <hr>
                            <div class="row">
                                <div class="col-12">
                                    <div class="payable_cod">
                                       <h4>Select Payment Option</h4> 
                                    </div>
                                    <div class="sl_payment">
                                        <div class="payment_bxd_1">
                                            <ul>
                                                <label>
                                                    <li>
                                                        <div class="flex_wallet">
                                                            <div class="wallet_box">
                                                                <img src="img/wallet.png" class="lbj_wall">
                                                            </div>
                                                            <div class="wallet_box_1">
                                                                <p>Pay Online </p>
                                                                <span>UPI, Card, Wallets</span>
                                                            </div>
                                                            <div class="inpt_select_box">
                                                                <input type="radio" name="wallet">
                                                            </div>
                                                        </div>
                                                    </li>
                                                </label>
                                                <hr>
                                                <label>
                                                    <li>
                                                        <div class="flex_wallet">
                                                            <div class="wallet_box">
                                                                <img src="img/rupees.png" class="lbj_wall">
                                                            </div>
                                                            <div class="wallet_box_1">
                                                                    <p>Cash on Delivery</p>
                                                            </div>
                                                            <div class="inpt_select_box">
                                                                <input type="radio" name="wallet">
                                                            </div>
                                                        </div>
                                                    </li>
                                                </label>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          
                            <div class="morowx">
                                <div class="moitem">
                                    <span>
                                        2 items
                                    </span>
                                    <span>
                                        ₹1475.00
                                    </span>
                                </div>
                               <a href="order-successful.php"> <button class="btn btn--full btn--lg"><span>Place Order</span></button> </a>
                            </div>
                        
                        <div class="mt-2"></div>
                        
                    </div>

</div>
            </div>
        </div>
    </div>
    <?php
   include 'include/footer.php';
   ?>

$('#itebtna').click(function() {
    if ($('.fa-angle-down').length > 0) {
        // If there are elements with 'fa-angle-down', toggle to 'fa-angle-up'
        $('.fa-angle-down').removeClass('fa-angle-down').addClass('fa-angle-up');
    } else {
        // If there are no elements with 'fa-angle-down', toggle to 'fa-angle-down'
        $('.fa-angle-up').removeClass('fa-angle-up').addClass('fa-angle-down');
    }
});
   </script>
    <script src="js/vendor-special/lazysizes.min.js"></script>
    <script src="js/vendor-special/ls.bgset.min.js"></script>
    <script src="js/vendor-special/ls.aspectratio.min.js"></script>
    <script src="js/vendor-special/jquery.min.js"></script>
    <script src="js/vendor-special/jquery.ez-plus.js"></script>
    <script src="js/vendor/vendor.min.js"></script>
    <script src="js/app-html.js"></script>
    <script>
    let addNewAddress = document.querySelector(".more_than");
    let wrap = document.querySelector(".wrap");

addNewAddress.addEventListener("click", (e) => {
        if (e.target.id === "add_newAddress") {
            wrap.classList.toggle('wrap')
        }
    });
    </script>

</body>

</html>