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 ;
      }
      .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;
      }
      .fancybox-content
      {
        position: relative;
      }
      .modal-info-heading
      {
        position: absolute;
        top: 10px;
      }
      .fullWidthXs fieldset
      {
         margin-bottom: 20px;
      }
      .offcanvas__stikcy--toolbar
      {
        display: none;
      }
      .addressConfirmBtn {
            background: #5ce1e9;
            border: none;
            bottom: 0;
            left: 0;
            display: none;
            color: #fff;
            font-size: 16px;
            font-family: montserrat, sans-serif;
            position: fixed;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
            height: 48px;
            line-height: 48px;
            z-index: 1;
        }
      @media screen and (min-width: 769px) {
            .checkoutAddEditHead:after {
                content: "";
                display: block;
                background: #00bcd4;
                height: 3px;
                width: 100px;
                margin-top: 8px;
            }
        }

@media (max-width: 768px)
      {
        input[type='radio']+label:after
        {
            top: 5.6px;
    left:5.6px !important;
        }
        .addressForms .formGroup
        {
            padding-bottom: 20px;
        }
        #editAddress
        {
            padding-top: 20px;
        }
        .modal-info-heading
        {
            padding: 10px;
            position: fixed;
            top: 0px;
            width: 100%;
            left: 0px;
            text-align: left;
            z-index: 99;
            z-index: 9;
            background: #fff;
            height: auto;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        }
        .modal-info-heading h4
        {
            margin-bottom: 0px;
        }
        .fancybox-slide:before
        {
            display: none;
        }
        .addressForms .addEditSubmit
        {
            display: none;
        }
        .dimoblp
        {
            display: flex;
        }
        .modal-info-content.fancybox-content
        {
            padding: 30px 10px;
            top: 0px;
            overflow: scroll;
            height: 100vh;
        }
        .fancybox-slide--html .fancybox-close-small
        {
            position: fixed;
        }
        .fullWidthXs fieldset
        {
            margin-bottom: 20px;
        }
        input[type='checkbox']+label:before, input[type='radio']+label:before
        {
            width: 10px;
            height: 10px;
        }
        .addressForms .formGroup .addressSubType label
        {
            line-height: 12px;
            padding: 5px 0px 5px 20px;
        }
        .addressForms .formGroup .addressSubType
        {
            margin: 9px 5px 0 0;
        }
        .material input
        {
            padding: 10px 10px 10px 20px;
        }
        .modal-info-content
        {
            max-width: calc(100% - 0px);
            border-radius: 0px;
        }
        .addressConfirmBtn
        {
            display: block;
        }
        .ediremo
        {
            float: none;
            font-size: 11px;
        }
        .sle_bocl
        {
            border: none;
        }
        .ediremo span:nth-child(2)
        {
            margin: 0px 2px;
        }
        .conadbo button
        {
            display: none;
        }
        .add_dress a
        {
            margin: auto;
            width: 95%;
        }
        .checkoutAddressHead
        {
            padding: 5px 15px;
        }
        .checkoutAddressHead h5
        {
            font-size: 11px;
        }
        .holder .container
        {
            padding-right: 0px;
            padding-left: 0px;
        }
        body {
            padding-top: 60px;
        }
        .mobileview {
            display: none;
        }

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

<div class="col-md-7 col-lg-7 order-md-1 order-sm-2 order-2">
                        <div class="tab-content">
                            <div class="boxed_label mb-5">
                                
                                <div class="box_pad">
                                    <div class="checkoutAddressHead"><h5>Recently used</h5></div>
                                    <div class="s_start">
                                        <div class="slerobox">
                                            <label for="opocj">
                                                <div class="sle_bocl">
                                                    <input type="radio" id="opocj" name="flexRadioDefault">
                                                    <div class="soldata">
                                                        <p>
                                                            <span>
                                                                User Name
                                                            </span>

<span class="plssel">Office</span>
                                                            
                                                        </p>
                                                        <ul>
                                                            <li>
                                                                B29 Hari Enclave 1st, Kirari Suleman Nagar
                                                            </li>
                                                            <li>
                                                                 North West, Delhi - 110098 
                                                            </li>
                                                        
                                                            <li class="mt-2">
                                                               Mobile: <b>9876543210</b>
                                                            </li>
                                                        </ul>
                                                        <div class="conadbo">
                                                            
                                                            <div class="ediremo">
                                                                <a href="#" class="dropdn-link js-dropdn-link"
                                                                data-panel="#dropdnAccount">
                                                                    <span class="dropdn-link-txt">Edit</span>
                                                                </a> 
                                                                <span>
                                                                     | 
                                                                </span>
                                                                <span>
                                                                    Remove
                                                                </span>
                                                            </div>
                                                            <button class="btn btn-primary ">
                                                                Confirm
                                                            </button>
                                                        </div>

</div>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="box_pad">
                                    <div class="checkoutAddressHead"><h5>Other Addresses</h5></div>
                                    <div class="s_start">
                                        <div class="slerobox">
                                            <label for="opocj1">
                                                <div class="sle_bocl">
                                                    <input type="radio" id="opocj1" name="flexRadioDefault">
                                                    <div class="soldata">
                                                        <p>
                                                            <span>
                                                                User Name
                                                            </span>

</div>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <button class="addressConfirmBtn">Confirm</button>

<div class="tab-pane fade show active wrap my-5" id="step1">
                                    <div class="tab-pane-inside">
                                        <div class="row mt-2">
                                            <div class="col-sm-6">
                                                <label>First Name:</label>
                                                <div class="form-group">
                                                    <input type="text" class="form-control form-control--sm">
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <label>Last Name:</label>
                                                <div class="form-group">
                                                    <input type="text" class="form-control form-control--sm">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mt-2"></div>
                                        <label>Country:</label>
                                        <div class="form-group select-wrapper">
                                            <select class="form-control form-control--sm">
                                                <option value="United States">United States</option>
                                                <option value="Canada">Canada</option>
                                                <option value="China">China</option>
                                                <option value="India">India</option>
                                                <option value="Italy">Italy</option>
                                                <option value="Mexico">Mexico</option>
                                            </select>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <label>State:</label>
                                                <div class="form-group select-wrapper">
                                                    <select class="form-control form-control--sm">
                                                        <option value="AL">Alabama</option>
                                                        <option value="AK">Alaska</option>
                                                        <option value="AZ">Arizona</option>
                                                        <option value="AR">Arkansas</option>
                                                        <option value="CA">California</option>
                                                        <option value="CO">Colorado</option>
                                                        <option value="CT">Connecticut</option>
                                                        <option value="DE">Delaware</option>
                                                        <option value="DC">District Of Columbia</option>
                                                        <option value="FL">Florida</option>
                                                        <option value="GA">Georgia</option>
                                                        <option value="HI">Hawaii</option>
                                                        <option value="ID">Idaho</option>
                                                        <option value="IL">Illinois</option>
                                                        <option value="IN">Indiana</option>
                                                        <option value="IA">Iowa</option>
                                                        <option value="KS">Kansas</option>
                                                        <option value="KY">Kentucky</option>
                                                        <option value="LA">Louisiana</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <label>zip/postal code:</label>
                                                <div class="form-group">
                                                    <input type="text" class="form-control form-control--sm">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mt-2"></div>
                                        <label>Address 1:</label>
                                        <div class="form-group">
                                            <input type="text" class="form-control form-control--sm">
                                        </div>
                                        <div class="clearfix">
                                            <input id="formcheckoutCheckbox1" name="checkbox1" type="checkbox">
                                            <label for="formcheckoutCheckbox1">Save address to my account</label>
                                        </div>
                                        <div class="text-center">
                                            <button type="button" class="btn btn-sm step-next">Continue</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="col-md-1 col-lg-1 order-md-2"></div>
                    <div class="col-md-4 col-lg-4 mt-2 mt-md-0 order-md-3 order-sm-1 order-1">
                       <div class="dropdn dropdn_account dropdn_fullheight chepopa add_dress">
                            <a href="#" data-fancybox="" class="modal-info-link" data-src="#sizeGuide">
                                Add Address
                            </a>
                        </div>
                    </div>

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

<div id="sizeGuide" style="display: none;" class="modal-info-content modal-info-content-lg">
        <div class="modal-info-heading">
            <h4 class="checkoutAddEditHead">Add New Address</h4>
        </div>
        <div id="editAddress" class="mt-3">
         <div class="addressForms myAccountAddressForm">
            <form class="fullWidthXs" novalidate="" autocomplete="off">
               <div class="ec_form">
                   <fieldset class="material">
                     <input type="text" placeholder="" autocomplete="off" required="">
                     <hr>
                     <label>Full Name</label>
                 </fieldset>
                 <fieldset class="material">
                     <input type="number" placeholder="" autocomplete="off" required="">
                     <hr>
                     <label>Phone Number</label>
                 </fieldset>
                 <div class="divider"></div>
                 <fieldset class="material">
                     <input type="number" placeholder="" autocomplete="off" required="">
                     <hr>
                     <label>Pincode/Postal Code/Zipcode</label>
                 </fieldset>
                 <div class="form-row">
                    <fieldset class="material col-6">
                        <input type="number" placeholder="" autocomplete="off" required="">
                        <hr>
                        <label>City</label>
                    </fieldset>
                    <fieldset class="material col-6">
                        <input type="number" placeholder="" autocomplete="off" required="">
                        <hr>
                        <label>State</label>
                    </fieldset>
                 </div>
                 
                 <fieldset class="material">
                     <input type="number" placeholder="" autocomplete="off" required="">
                     <hr>
                     <label>Flat no/Building, Street name</label>
                 </fieldset>
                  <fieldset class="material">
                     <input type="number" placeholder="" autocomplete="off" required="">
                     <hr>
                     <label>Area/Locality</label>
                 </fieldset>
                  <fieldset class="material">
                     <input type="number" placeholder="" autocomplete="off" required="">
                     <hr>
                     <label>Landmark (Optional)</label>
                 </fieldset>
                  
                 
                  <div class="formGroup false ">
                     <span class="addressTypeTitle">Save Address As</span>
                     <div class="dimoblp">
                        <div class="addressSubType   d-inline-flex align-items-center"><input type="radio" name="sub_type" id="radiotype0" value="home"><label for="radiotype0" class="">home</label></div>
                        <div class="addressSubType   d-inline-flex align-items-center"><input type="radio" name="sub_type" id="radiotype1" value="office"><label for="radiotype1" class="">office</label></div>
                        <div class="addressSubType  d-inline-flex align-items-center"><input type="radio" name="sub_type" id="radiotype2" value="other"><label for="radiotype2" class="active">other</label></div>
                     </div>
                  </div>
               </div>
               <div class="addEditSubmit clearfix">
                  <button id="addr_save_button" type="submit" class="maddAddressButton maddAddressButtonDisable">SAVE ADDRESS</button>
                  <button id="addr_cancel_button" class="maddAddressButton cancelAddButton hidden-xs">Cancel</button>
               </div>
               
                <button class="addressConfirmBtn">SAVE ADDRESS</button>
                
            </form>
         </div>
      </div>
    </div>
    <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>