<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Polo Golf & Ralph Lauren: Golf Clothing | Ralph Lauren</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="assets/css/aos.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/css/ma5-menu.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/media.css">
    <script src="assets/js/jquery.min.js"></script>
    <style>
      .navbar-nav .nav-item .nav-link:hover>.dropdown{
        display: block;
      }
      .navbar{
        background-color: white;
        color: black;
      }
      .navbar .navbar-brand{
        color: black;
      }
      .navbar-nav .nav-item .nav-link{
        color: black;
      }
      .icons a{
        color: black;
      }
    </style>
</head>
<body>

    <div class="main-wrapper container-fluid">
      <!-- Header Start  -->
    <header class="header sticky-top container-fluid" id="header">

      <nav class="navbar navbar-expand-lg ps-3 pe-3" id="forwhitebg">
              <div class="navbar-toggler ma5menu__toggle ps-1 pt-1">
                <div class="bar1"></div>
                <div class="bar2"></div>
                <div style="display: none;">

                  <!-- source for mobile menu start -->
                  <ul class="site-menu">
                      <li class="ma5menu__leave btn btn-success" id="signupin"><a href="#"><span class="text-center">Sign In / Register</span> </a></li>
                      <li>
                          <a href="#">MEN</a>
                          <ul>
                              <li><a href="#">What's New</a>
                                  <ul>
                                    <li><a href="#">New Arrivels</a></li>
                                    <li><a href="#">US Open Tennis</a></li>
                                    <li><a href="#">Spectator Style</a></li>
                                    <li><a href="#">Heritage Icons</a></li>
                                    <li><a href="#">Fall Golf</a></li>
                                    <li><a href="#">Ralph's Club Parfum</a></li>
                                    <li><a href="#">Luxury Formalwear</a></li>
                                    <li><a href="#">Equestrian Icons</a></li>
                                    <li><a href="#">The Polo Bear Shop</a></li>
                                    <li><a href="#">Ralph Lauren Vintage</a></li>
                                    <li><a href="#">Explore My Style</a></li>
                                  </ul>
                              </li>
                              <li><a href="#">Clothing</a>
                                <ul>
                                  <li><a href="#">Polo Shirts</a></li>
                                  <li><a href="#">T-Shirts & Rugby Shirts</a></li>
                                  <li><a href="#">Casual Shirts & Dress Shirts</a></li>
                                  <li><a href="#">Sweatshirts & Sweatpants</a></li>
                                  <li><a href="#">Shorts & Swim Trunks</a></li>
                                  <li><a href="#">Jeans & Denim</a></li>
                                  <li><a href="#">Pants & Chinos</a></li>
                                  <li><a href="#">Sweaters</a></li>
                                  <li><a href="#">Jackets, Coats & Vests</a></li>
                                  <li><a href="#">Activewear</a></li>
                                  <li><a href="#">Sport Coats & Blazers</a></li>
                                  <li><a href="#">Suits & Tuxedos</a></li>
                                  <li><a href="#">Pajamas & Robes</a></li>
                                  <li><a href="#">Underwear & Undershirts</a></li>
                                </ul>
                              </li>
                              <li><a href="#">Big & Tall</a></li>
                              <li>
                                <a href="#">Shoes</a>
                                <ul>
                                  <li><a href="#">Sneakers</a></li>
                                  <li><a href="#">Slides & Slippers</a></li>
                                  <li><a href="#">Casual Shoes</a></li>
                                  <li><a href="#">Dress Shoes</a></li>
                                  <li><a href="#">Boots</a></li>
                                </ul>
                              </li>
                              <li>
                                  <a href="#">Accesories</a>
                                  <ul>
                                      <li><a href="#">Hats, Scarves & Gloves</a></li>
                                      <li><a href="#">Belts & Suspenders</a></li>
                                      <li><a href="#">Bags</a></li>
                                      <li><a href="#">Wallets & Accessories</a></li>
                                      <li><a href="#">Socks</a></li>
                                      <li><a href="#">Ties, Bow Ties & Pocket Squares</a></li>
                                      <li><a href="#">Fragrance</a></li>
                                      <li><a href="#">Sunglasses & Eyewear</a></li>
                                  </ul>
                              </li>
                              <li><a href="#">Watches</a></li>
                              <li>
                                <a href="#">Create Your Own</a>
                                <ul>
                                  <li><a href="#">Clothing</a></li>
                                  <li><a href="#">Accessories</a></li>
                                  <li><a href="#">Custom Outerwear</a></li>
                                  <li><a href="#">The Custom Polo, Made to Order</a></li>
                                </ul>
                              </li>
                              <li>
                                <a href="#">Our Brands</a>
                                <ul>
                                  <li><a href="#">Polo Ralph Lauren</a></li>
                                  <li><a href="#">RLX</a></li>
                                  <li><a href="#">Purple Label</a></li>
                                  <li><a href="#">Double RL</a></li>
                                  <li><a href="#">Pink Pony</a></li>
                                  <li><a href="#">Golf</a></li>
                                </ul>
                              </li>
                              <li>
                                <a href="#">Sale</a>
                                <ul>
                                  <li><a href="#">Clothing</a></li>
                                  <li><a href="#">Shoes</a></li>
                                  <li><a href="#">Accessories</a></li>
                                  <li><a href="#">Purple Label: Enjoy Up to 30% Off</a></li>
                                  <li><a href="#">Double RL: Enjoy Up to 30% Off</a></li>
                                  <li></li>
                                </ul>
                              </li>

                          </ul>
                      </li>
                      <li>
                          <a href="#">WOMEN</a>
                          <ul>
                              <li><a href="#">What's New</a>
                                  <ul>
                                    <li><a href="#">New Arrivels</a></li>
                                    <li><a href="#">US Open Tennis</a></li>
                                    <li><a href="#">Spectator Style</a></li>
                                    <li><a href="#">Heritage Icons</a></li>
                                    <li><a href="#">Fall Golf</a></li>
                                    <li><a href="#">Ralph's Club Parfum</a></li>
                                    <li><a href="#">Luxury Formalwear</a></li>
                                    <li><a href="#">Equestrian Icons</a></li>
                                    <li><a href="#">The Polo Bear Shop</a></li>
                                    <li><a href="#">Ralph Lauren Vintage</a></li>
                                    <li><a href="#">Explore My Style</a></li>
                                  </ul>
                              </li>
                              <li><a href="#">Clothing</a>
                                <ul>
                                  <li><a href="#">Polo Shirts</a></li>
                                  <li><a href="#">T-Shirts & Rugby Shirts</a></li>
                                  <li><a href="#">Casual Shirts & Dress Shirts</a></li>
                                  <li><a href="#">Sweatshirts & Sweatpants</a></li>
                                  <li><a href="#">Shorts & Swim Trunks</a></li>
                                  <li><a href="#">Jeans & Denim</a></li>
                                  <li><a href="#">Pants & Chinos</a></li>
                                  <li><a href="#">Sweaters</a></li>
                                  <li><a href="#">Jackets, Coats & Vests</a></li>
                                  <li><a href="#">Activewear</a></li>
                                  <li><a href="#">Sport Coats & Blazers</a></li>
                                  <li><a href="#">Suits & Tuxedos</a></li>
                                  <li><a href="#">Pajamas & Robes</a></li>
                                  <li><a href="#">Underwear & Undershirts</a></li>
                                </ul>
                              </li>
                              <li><a href="#">Big & Tall</a></li>
                              <li>
                                <a href="#">Shoes</a>
                                <ul>
                                  <li><a href="#">Sneakers</a></li>
                                  <li><a href="#">Slides & Slippers</a></li>
                                  <li><a href="#">Casual Shoes</a></li>
                                  <li><a href="#">Dress Shoes</a></li>
                                  <li><a href="#">Boots</a></li>
                                </ul>
                              </li>
                              <li>
                                  <a href="#">Accesories</a>
                                  <ul>
                                      <li><a href="#">Hats, Scarves & Gloves</a></li>
                                      <li><a href="#">Belts & Suspenders</a></li>
                                      <li><a href="#">Bags</a></li>
                                      <li><a href="#">Wallets & Accessories</a></li>
                                      <li><a href="#">Socks</a></li>
                                      <li><a href="#">Ties, Bow Ties & Pocket Squares</a></li>
                                      <li><a href="#">Fragrance</a></li>
                                      <li><a href="#">Sunglasses & Eyewear</a></li>
                                  </ul>
                              </li>
                              <li><a href="#">Watches</a></li>
                              <li>
                                <a href="#">Create Your Own</a>
                                <ul>
                                  <li><a href="#">Clothing</a></li>
                                  <li><a href="#">Accessories</a></li>
                                  <li><a href="#">Custom Outerwear</a></li>
                                  <li><a href="#">The Custom Polo, Made to Order</a></li>
                                </ul>
                              </li>
                              <li>
                                <a href="#">Our Brands</a>
                                <ul>
                                  <li><a href="#">Polo Ralph Lauren</a></li>
                                  <li><a href="#">RLX</a></li>
                                  <li><a href="#">Purple Label</a></li>
                                  <li><a href="#">Double RL</a></li>
                                  <li><a href="#">Pink Pony</a></li>
                                  <li><a href="#">Golf</a></li>
                                </ul>
                              </li>
                              <li>
                                <a href="#">Sale</a>
                                <ul>
                                  <li><a href="#">Clothing</a></li>
                                  <li><a href="#">Shoes</a></li>
                                  <li><a href="#">Accessories</a></li>
                                  <li><a href="#">Purple Label: Enjoy Up to 30% Off</a></li>
                                  <li><a href="#">Double RL: Enjoy Up to 30% Off</a></li>
                                  <li></li>
                                </ul>
                              </li>

                          </ul>
                      </li>
                      <li>
                          <a href="index-page.html">Lookbook</a>
                          <ul>
                              <li><a href="index-page.html">For business</a></li>
                              <li><a href="index-page.html">Premium Area</a></li>
                          </ul>
                      </li>
                      <li>
                          <a href="index-page.html">Campaigns</a>
                          <ul>
                              <li>
                                  <a href="index-page.html">Summer 2019</a>
                                  <ul>
                                      <li><a href="index-page.html">Winter 2018</a></li>
                                      <li><a href="index-page.html">Spring 2017</a></li>
                                  </ul>

                              </li>
                          </ul>
                      </li>
                      <li>
                          <a href="index-page.html">Brand</a>
                          <ul>
                              <li><a href="index-page.html">About us</a></li>
                              <li><a href="index-page.html">Press</a></li>
                          </ul>
                      </li>
                      <li><a href="index-page.html">Contact</a></li>
                  </ul>
                  <!-- source for mobile menu end -->

                  <!-- source for mobile menu footer start -->
                  <div id="ma5menu-tools" class="ma5menu__tools">
                      footer <a href="index-page.html">content</a> here
                  </div>
                  <!-- source for mobile menu footer end -->
              </div>
              </div>
              <a class="navbar-brand p-0 m-0 serif" href="index.html">Ralph Lauren</a>
            <div class="collapse navbar-collapse" id="sidebar">
              <ul class="navbar-nav me-auto mb-2 mb-lg-0">
               <!-- <li class="nav-item row" id="men-hover">
                   <div class="nav-link col-12 d-lg-none d-md-block d-block tex-end" id="men-button">
                    <button class="border-0 border-rounded p-3 col-12 align-items-center row"><a href="#" class="ps-5 text-start a-herf text-dark col">MEN</a><i class="col text-end fa-solid fa-chevron-right"></i> </button>
                  </div> -->
                  <li class="nav-item justify-content-between" id="men-hover">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >MEN

                  </a>
                  <div class="dropdown dp-1 ps-5 pe-5" id="men-hover-dropdown">
                    <div class="row mt-5">
                        <div class="col">
                            <img class="col-12 banner-img" src="assets/img/0816_flyout_men_dsk_no copy.jpg" alt="banner image">
                            <div class="banner-text">
                                <h2 class="serif white">Heritage Icon</h2>
                                <a href="#" class="u-botton text-light">Shop Now</a>
                            </div>
                        </div>
                        <div class="col dp-col">
                           <div class="ps-5">
                            <h5 class="serif">What's New</h5>
                            <br>
                            <a href="category.html">New Arrivels</a>
                            <a href="category.html">US Open Tennis</a>
                            <a href="category.html">Spectator Style</a>
                            <a href="category.html">Heritage Icons</a>
                            <a href="category.html">Fall Golf</a>
                            <a href="category.html">Ralph's Club Parfum</a>
                            <a href="category.html">Luxury Formalwear</a>
                            <a href="category.html">Equestrian Icons</a>
                            <a href="category.html">The Polo Bear Shop</a>
                            <a href="category.html">Ralph Lauren Vintage</a>
                            <a href="category.html">Explore My Style</a>
                           </div>
                        </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="#" class="ps-1 p-0"><h5 class="serif">Clothing</h5></a>
                            <br>
                            <a href="category.html">Polo Shirts</a>
                            <a href="category.html">T-Shirts & Rugby Shirts</a>
                            <a href="category.html">Casual Shirts & Dress Shirts</a>
                            <a href="category.html">Sweatshirts & Sweatpants</a>
                            <a href="category.html">Shorts & Swim Trunks</a>
                            <a href="category.html">Jeans & Denim</a>
                            <a href="category.html">Pants & Chinos</a>
                            <a href="category.html">Sweaters</a>
                            <a href="category.html">Jackets, Coats & Vests</a>
                            <a href="category.html">Activewear</a>
                            <a href="category.html">Sport Coats & Blazers</a>
                            <a href="category.html">Suits & Tuxedos</a>
                            <a href="category.html">Pajamas & Robes</a>
                            <a href="category.html">Underwear & Undershirts</a>

                           </div>

                          </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="#" class="ps-1 p-0"><h5 class="serif">Shoes</h5></a>
                            <br>
                            <a href="category.html">Sneakers</a>
                            <a href="category.html">Slides & Slippers</a>
                            <a href="category.html">Casual Shoes</a>
                            <a href="category.html">Dress Shoes</a>
                            <a href="category.html">Boots</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1"><h5 class="serif">Accessories</h5></a>
                            <br>
                            <a href="category.html">Hats, Scarves & Gloves</a>
                            <a href="category.html">Belts & Suspenders</a>
                            <a href="category.html">Bags</a>
                            <a href="category.html">Wallets & Accessories</a>
                            <a href="category.html">Socks</a>
                            <a href="category.html">Ties, Bow Ties & Pocket Squares</a>
                            <a href="category.html">Fragrance</a>
                            <a href="category.html">Sunglasses & Eyewear</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="#" class="ps-1"><h5 class="serif">Watches</h5></a>
                           </div>
                        </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Create Your Own</h5></a>
                            <br>
                            <a href="category.html">Clothing</a>
                            <a href="category.html">Accessories</a>
                            <a href="category.html">Custom Outerwear</a>
                            <a href="category.html">The Custom Polo, Made to Order</a>

                           </div>

                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Our Brands</h5></a>
                            <br>
                            <a href="category.html">Polo Ralph Lauren</a>
                            <a href="category.html">RLX</a>
                            <a href="category.html">Purple Label</a>
                            <a href="category.html">Double RL</a>
                            <a href="category.html">Pink Pony</a>
                            <a href="category.html">Golf</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Sale</h5></a>
                            <br>
                            <a href="category.html">Clothing</a>
                            <a href="category.html">Shoes</a>
                            <a href="category.html">Accessories</a>
                            <a href="category.html">Purple Label: Enjoy Up to 30% Off</a>
                            <a href="category.html">Double RL: Enjoy Up to 30% Off</a>
                           </div>

                        </div>
                    </div>
                  </div>

                </li>

                  <li class="nav-item justify-content-between" id="women-hover">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >WOMEN

                  </a>
                  <div class="dropdown dp-1 ps-5 pe-5" id="women-hover-dropdown">
                    <div class="row mt-5">
                        <div class="col">
                            <img class="col-12 banner-img" src="assets/img/0816_flyout_men_dsk_no copy.jpg" alt="banner image">
                            <div class="banner-text">
                                <h2 class="serif white">Heritage Icon</h2>
                                <a href="category.html" class="u-botton text-light">Shop Now</a>
                            </div>
                        </div>

                        <div class="col dp-col">
                           <div class="ps-5">
                            <h5 class="serif">What's New</h5>
                            <br>
                            <a href="category.html">New Arrivels</a>
                            <a href="category.html">US Open Tennis</a>
                            <a href="category.html">Spectator Style</a>
                            <a href="category.html">Heritage Icons</a>
                            <a href="category.html">Fall Golf</a>
                            <a href="category.html">Ralph's Club Parfum</a>
                            <a href="category.html">Luxury Formalwear</a>
                            <a href="category.html">Equestrian Icons</a>
                            <a href="category.html">The Polo Bear Shop</a>
                            <a href="category.html">Ralph Lauren Vintage</a>
                            <a href="category.html">Explore My Style</a>
                           </div>
                        </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Clothing</h5></a>
                            <br>
                                <a href="category.html">Shirts & Blouses</a>
                                <a href="category.html">Sweaters</a>
                                <a href="category.html">Polo Shirts</a>
                                <a href="category.html">T-Shirts</a>
                                <a href="category.html">Sweatshirts & Sweatpants</a>
                                <a href="category.html">Jackets & Blazers</a>
                                <a href="category.html">Outerwear & Vests</a>
                                <a href="category.html">Pants</a>
                                <a href="category.html">Jeans</a>
                                <a href="category.html">Skirts</a>
                                <a href="category.html">Shorts</a>
                                <a href="category.html">Activewear</a>
                                <a href="category.html">Swimsuits & Cover-Ups</a>
                                <a href="category.html">Sleepwear</a>
                           </div>
                           <div class="ps-3 pt-5">
                             <a href="category.html" class="ps-1 p-0"><h5 class="serif">
                               Petite (Sizes 0–14)
                            </h5></a>
                          </div>
                           <div class="ps-3 pt-5">
                             <a href="category.html" class="ps-1 p-0"><h5 class="serif">
                               Woman (Sizes 14–22)
                            </h5></a>
                          </div>
                          </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Shoes</h5></a>
                            <br>
                            <a href="category.html">Sneakers</a>
                            <a href="category.html">Slides & Slippers</a>
                            <a href="category.html">Casual Shoes</a>
                            <a href="category.html">Dress Shoes</a>
                            <a href="category.html">Boots</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1"><h5 class="serif">Accessories</h5></a>
                            <br>
                            <a href="category.html">Hats, Scarves & Gloves</a>
                            <a href="category.html">Belts & Suspenders</a>
                            <a href="category.html">Bags</a>
                            <a href="category.html">Wallets & Accessories</a>
                            <a href="category.html">Socks</a>
                            <a href="category.html">Ties, Bow Ties & Pocket Squares</a>
                            <a href="category.html">Fragrance</a>
                            <a href="category.html">Sunglasses & Eyewear</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1"><h5 class="serif">Watches</h5></a>
                           </div>
                        </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Create Your Own</h5></a>
                            <br>
                            <a href="category.html">Clothing</a>
                            <a href="category.html">Accessories</a>
                            <a href="category.html">Custom Outerwear</a>
                            <a href="category.html">The Custom Polo, Made to Order</a>

                           </div>

                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Our Brands</h5></a>
                            <br>
                            <a href="category.html">Polo Ralph Lauren</a>
                            <a href="category.html">RLX</a>
                            <a href="category.html">Purple Label</a>
                            <a href="category.html">Double RL</a>
                            <a href="category.html">Pink Pony</a>
                            <a href="category.html">Golf</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Sale</h5></a>
                            <br>
                            <a href="category.html">Clothing</a>
                            <a href="category.html">Shoes</a>
                            <a href="category.html">Accessories</a>
                            <a href="category.html">Purple Label: Enjoy Up to 30% Off</a>
                            <a href="category.html">Double RL: Enjoy Up to 30% Off</a>
                           </div>

                        </div>
                    </div>
                  </div>


                </li>
                  <li class="nav-item justify-content-between" id="kidsandbaby">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >KIDS AND BABY

                  </a>
                  <div class="dropdown dp-2 ps-5 pe-5" id="women-hover-dropdown">
                    <div class="row mt-5">
                        <div class="col">
                            <img class="col-12 banner-img" src="assets/img/0816_flyout_men_dsk_no copy.jpg" alt="banner image">
                            <div class="banner-text">
                                <h2 class="serif white">Heritage Icon</h2>
                                <a href="category.html" class="u-botton">Shop Now</a>
                            </div>
                        </div>
                        <div class="col dp-col">
                           <div class="ps-5">
                            <h5 class="serif">What's New</h5>
                            <br>
                            <a href="category.html">New Arrivels</a>
                            <a href="category.html">US Open Tennis</a>
                            <a href="category.html">Spectator Style</a>
                            <a href="category.html">Heritage Icons</a>
                            <a href="category.html">Fall Golf</a>
                            <a href="category.html">Ralph's Club Parfum</a>
                            <a href="category.html">Luxury Formalwear</a>
                            <a href="category.html">Equestrian Icons</a>
                            <a href="category.html">The Polo Bear Shop</a>
                            <a href="category.html">Ralph Lauren Vintage</a>
                            <a href="category.html">Explore My Style</a>
                           </div>
                        </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Clothing</h5></a>
                            <br>
                                <a href="category.html">Shirts & Blouses</a>
                                <a href="category.html">Sweaters</a>
                                <a href="category.html">Polo Shirts</a>
                                <a href="category.html">T-Shirts</a>
                                <a href="category.html">Sweatshirts & Sweatpants</a>
                                <a href="category.html">Jackets & Blazers</a>
                                <a href="category.html">Outerwear & Vests</a>
                                <a href="category.html">Pants</a>
                                <a href="category.html">Jeans</a>
                                <a href="category.html">Skirts</a>
                                <a href="category.html">Shorts</a>
                                <a href="category.html">Activewear</a>
                                <a href="category.html">Swimsuits & Cover-Ups</a>
                                <a href="category.html">Sleepwear</a>
                           </div>
                           <div class="ps-3 pt-5">
                             <a href="category.html" class="ps-1 p-0"><h5 class="serif">
                               Petite (Sizes 0–14)
                            </h5></a>
                          </div>
                           <div class="ps-3 pt-5">
                             <a href="category.html" class="ps-1 p-0"><h5 class="serif">
                               Woman (Sizes 14–22)
                            </h5></a>
                          </div>
                          </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Shoes</h5></a>
                            <br>
                            <a href="category.html">Sneakers</a>
                            <a href="category.html">Slides & Slippers</a>
                            <a href="category.html">Casual Shoes</a>
                            <a href="category.html">Dress Shoes</a>
                            <a href="category.html">Boots</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1"><h5 class="serif">Accessories</h5></a>
                            <br>
                            <a href="category.html">Hats, Scarves & Gloves</a>
                            <a href="category.html">Belts & Suspenders</a>
                            <a href="category.html">Bags</a>
                            <a href="category.html">Wallets & Accessories</a>
                            <a href="category.html">Socks</a>
                            <a href="category.html">Ties, Bow Ties & Pocket Squares</a>
                            <a href="category.html">Fragrance</a>
                            <a href="category.html">Sunglasses & Eyewear</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1"><h5 class="serif">Watches</h5></a>
                           </div>
                        </div>
                        <div class="col dp-col">
                          <div class="ps-3">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Create Your Own</h5></a>
                            <br>
                            <a href="category.html">Clothing</a>
                            <a href="category.html">Accessories</a>
                            <a href="category.html">Custom Outerwear</a>
                            <a href="category.html">The Custom Polo, Made to Order</a>

                           </div>

                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Our Brands</h5></a>
                            <br>
                            <a href="category.html">Polo Ralph Lauren</a>
                            <a href="category.html">RLX</a>
                            <a href="category.html">Purple Label</a>
                            <a href="category.html">Double RL</a>
                            <a href="category.html">Pink Pony</a>
                            <a href="category.html">Golf</a>
                           </div>
                           <div class="ps-3 pt-5">
                            <a href="category.html" class="ps-1 p-0"><h5 class="serif">Sale</h5></a>
                            <br>
                            <a href="category.html">Clothing</a>
                            <a href="category.html">Shoes</a>
                            <a href="category.html">Accessories</a>
                            <a href="category.html">Purple Label: Enjoy Up to 30% Off</a>
                            <a href="category.html">Double RL: Enjoy Up to 30% Off</a>
                           </div>

                        </div>
                    </div>
                  </div>


                </li>
                  <li class="nav-item justify-content-between3" id="women-hover">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >HOME

                  </a>



                </li>
                  <li class="nav-item justify-content-between3" id="women-hover">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >GIFTS

                  </a>


                </li>
                  <li class="nav-item justify-content-between3" id="women-hover">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >WORLD OF RL

                  </a>



                </li>
                  <li class="nav-item justify-content-between3" id="women-hover">
                  <a class="nav-link active dropdown1" aria-current="page" href="#" >SELE

                  </a>



                </li>


              </ul>
              <!-- mobile menu toggle button end -->



            </div>
            <div class="icons">
              <ul class="d-flex align-items-center pe-1">
                <li class="nav-link"><a href="#_" class="white search"><i class="fa-solid fa-magnifying-glass"></i></a></li>
                <li class="nav-link d-lg-block d-md-none d-none">
                  <a href="#" class="white "><i class="fa-regular fa-heart"></i></a></li>
                  <li class="nav-link d-lg-block d-md-none d-none signin-up">
                    <a href="signin.html" class="white" title="Sign In / Sign Up"><i class="fa-regular fa-user"></i></a>
                    <div class="signin-dp col-12 col-lg-3 ms-lg-auto m-auto p-3">
                      <div class="p-3"></div>
                      <div class="d-flex justify-content-between align-items-center">
                        <h2 class="serif">Sign In</h2>
                        <a href="signin.html" class="font-sm text-dark" style="text-decoration: underline;">Create An Account</a>
                      </div>
                      <form class="col-12">
                        <div class="form-floating mb-3">
                          <input type="email"
                          class="col-12 form-control" name="email" id="email" aria-describedby="email" placeholder="Enter Email Here">
                          <label for="email" class="form-label">Email</label>
                          <small id="email" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="form-floating mb-3">
                          <input type="password" class="col-12 form-control" name="password" id="password" placeholder="Enter Password Here" aria-describedby="password">
                          <label for="password" class="form-label">Password</label>
                          <small id="password" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="d-flex justify-content-between">
                          <a href="#" class="font-m-sm text-muted" style="text-decoration: underline;">Forgot Password</a>
                          <span class="text-muted font-m-sm">* Required</span>
                        </div>
                        <div class="mb-3 mt-3 form-check c-cursor">
                          <input type="checkbox" class="form-check-input" id="check1"/>
                          <label class="form-check-label text-muted" for="check1">Remember Me</label>
                        </div>
                        <button class="p-3 border col-12 mt-2" style="background-color: #041e3a; color: white;">Sign In</button>
                          <div  class="text-center">
                            <span>Or,</span>
                          </div>
                          <div class="row">
                            <div class="col-6">
                              <a href="#" class="font-m-sm d-flex btn border text-center">
                                <img src="assets/img/google-logo-png-webinar-optimizing-for-success-google-business-webinar-13.png" alt="" width="20"> <span> Google</span>
                              </a>
                            </div>
                            <div class="col-6">
                              <a href="#" class="font-m-sm d-flex btn border text-center">
                                <img src="assets/img/facebook-logo-icon-facebook-icon-png-images-icons-and-png-backgrounds-1.png" alt="" width="20"> <span> Facebook</span>
                              </a>
                            </div>
                          </div>
                      </form>
                    </div>
                  </li>
                <li class="nav-link">

                  <a href="#?" class="white" id="cart-sidebar-btn"><i class="fa fa-bag-shopping"></i></a></li>
              </ul>
            </div>
            <div class="search-wiget">
              <div class="text-end d-lg-none d-md-none d-block p-3"><button class="btn close-search"><i class="fa-solid fa-xmark"></i></button></div>
              <div class="container">
                <div class="pt-5 d-lg-block d-md-none d-none">
                </div>

                <div class="search-form">
                  <div class="input-group">
                    <span class="input-group-text" id="input1"><i class="fa-solid fa-magnifying-glass"></i></span>
                    <input type="text" class="form-control" aria-describedby="input1" placeholder="Search"/>
                  </div>
                  <div class="pt-3 d-lg-block d-md-none d-none">
                  </div>
                  <div class="row justify-content-between pt-5 pb-5">
                    <p class="col-12 col-md-12 col-lg-3"><b>
                      Tranding Search:
                    </b></p>
                    <div class="col-12 col-md-12 col-lg-9 row">
                      <a href="#" class="text-dark a-herf col-lg col-12"><i class="fa-solid fa-magnifying-glass"></i> <span class="ps-2">Polo Shirt</span></a>
                    <a href="#" class="text-dark a-herf col-lg col-12"><i class="fa-solid fa-magnifying-glass"></i> <span class="ps-2">Bears</span></a>
                    <a href="#" class="text-dark a-herf col-lg col-12 "><i class="fa-solid fa-magnifying-glass"></i> <span class="ps-2">Jackets</span></a>
                    <a href="#" class="text-dark a-herf col-lg col-12"><i class="fa-solid fa-magnifying-glass"></i> <span class="ps-2">Hoodies</span></a>
                    </div>
                    </div>
                    <div class="row mb-5">
                      <h3 class="serif">Popular Categories</h3>
                      <div class="col-lg-3 col-md-4">
                        <img src="assets/img/categories img.jpg" alt="" class="col-12">
                        <div class="search-form-popular">
                          <h5 class="serif">Casual Shirts</h5>
                          <a href="category.html" class="text-light font-sm">MEN</a>
                        </div>
                      </div>
                      <div class="col-lg-3 col-md-4">
                        <img src="assets/img/categories img.jpg" alt="" class="col-12">
                        <div class="search-form-popular">
                          <h5 class="serif">Casual Shirts</h5>
                          <a href="category.html" class="text-light font-sm">MEN</a>
                        </div>
                      </div>
                      <div class="col-lg-3 col-md-4">
                        <img src="assets/img/categories img.jpg" alt="" class="col-12">
                        <div class="search-form-popular">
                          <h5 class="serif">Casual Shirts</h5>
                          <a href="category.html" class="text-light font-sm">MEN</a>
                        </div>
                      </div>
                      <div class="col-lg-3 col-md-4">
                        <img src="assets/img/categories img.jpg" alt="" class="col-12">
                        <div class="search-form-popular">
                          <h5 class="serif">Casual Shirts</h5>
                          <a href="category.html" class="text-light font-sm">MEN</a>
                        </div>
                      </div>
                    </div>
                </div>
              </div>
            </div>
        </nav>

  </header>
  <div class="overlay-sidebar"></div>
  <div class="cart-sidebar col-lg-4 col-md-6 col-12 card ms-auto">
    <div class="container pt-2">
      <div class="d-flex justify-content-between">
        <a href="cart.html" class="a-herf text-dark"><h3 class="serif">Shopping Cart</h3></a>
        <button class="btn" id="cart-sidebar-close"><i class="fas fa-xmark"></i></button>
      </div>
      <hr>
      <div class="row pt-2">
        <div class="col-lg-4 col-md-4 col-4 m-auto">
            <a href="product.html">
                <img src="assets/img/s7-1449620_lifestyle.jpg" alt="product" class="col-12">
            </a>
        </div>
        <div class="col-lg-8 col-md-8 col-12">
            <div class="d-flex justify-content-between">
                <div class="cart-product-details d-flex justify-content-between col-12">
                    <div class="cart_details">
                        <a href="product.html" class="h-u text-dark font-m-sm"><b>Varick Slim Straight Distressed Jean</b></a>
                    </div>
                    <div class="cart_options d-flex">
                        <button class="btn" title="Cart Edit">
                            <i class="fa fa-pen"></i>
                        </button>
                        <button class="btn" title="Add To Wish-list">
                            <i class="fas fa-heart"></i>
                        </button>
                        <button class="btn" title="Remove From Cart">
                            <i class="fas fa-xmark"></i>
                        </button>
                    </div>
                </div>
            </div>
            </p>
            <p>Cost: <span>$125</span> * <span>2</span></p>
            <p>Total Cost: <span>$250</span></p>
            <div class="text-center" style="border-radius: 30px; background-color: rgb(240, 240, 240); display: inline-block; padding: 5px"><button class="border-0 ps-3 pe-3" style="background: transparent;">-</button><span>QTY: 3</span><button class="border-0 ps-3 pe-3" style="background: transparent;">+</button></div> <br><br>

        </div>
        <hr class="col-11 m-auto">


      </div>
      <div class="row pt-2">
        <div class="col-lg-4 col-md-4 col-4 m-auto">
            <a href="product.html">
                <img src="assets/img/s7-1449620_lifestyle.jpg" alt="product" class="col-12">
            </a>
        </div>
        <div class="col-lg-8 col-md-8 col-12">
            <div class="d-flex justify-content-between">
                <div class="cart-product-details d-flex justify-content-between col-12">
                    <div class="cart_details">
                        <a href="product.html" class="h-u text-dark font-m-sm"><b>Varick Slim Straight Distressed Jean</b></a>
                    </div>
                    <div class="cart_options d-flex">
                        <button class="btn" title="Cart Edit">
                            <i class="fa fa-pen"></i>
                        </button>
                        <button class="btn" title="Add To Wish-list">
                            <i class="fas fa-heart"></i>
                        </button>
                        <button class="btn" title="Remove From Cart">
                            <i class="fas fa-xmark"></i>
                        </button>
                    </div>
                </div>
            </div>
            </p>
            <p>Cost: <span>$125</span> * <span>2</span></p>
            <p>Total Cost: <span>$250</span></p>
            <div class="text-center" style="border-radius: 30px; background-color: rgb(240, 240, 240); display: inline-block; padding: 5px"><button class="border-0 ps-3 pe-3" style="background: transparent;">-</button><span>QTY: 3</span><button class="border-0 ps-3 pe-3" style="background: transparent;">+</button></div> <br><br>

        </div>
        <hr class="col-11 m-auto">
          <div class="card-body font-m-sm">
              <div class="d-flex justify-content-between">
                      <p>Subtotal</p>
                      <p>$250</p>
              </div>
              <div class="d-flex justify-content-between">
                      <p>Fast Shipping</p>
                      <p>Free</p>
              </div>
              <div class="d-flex justify-content-between">
                      <p><b>Estimated Total
                      </b></p>
                      <p><b>$250</b></p>
              </div>
              <p class="font-sm">Apply Promo Code <i class="fas fa-chevron-down"></i></p>
              <div class="p-2">
                  <hr>
              </div>
              <p class="text-center font-sm"><b>YOU QUALIFY FOR COMPLIMENTARY SHIPPING</b></p>
              <div class="progress" style="height: 15px;">
                  <div class="progress-bar bg-primary" role="progressbar" style="width: 100%;"
                      aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
              <hr>
              <div class="p-"></div>
              <a href="checkout.html" class="btn text-center col-12 font-m-sm" style="background-color: rgb(1, 1, 31); color: white;">PROCESS TO CHECKOUT</a>
              <p class="text-center font-m-">Or</p>

              <div class="btn text-center col-12 font-m-sm border" style="color: white;"><img src="assets/img/pp.png" alt="paypal" class="" style="height: 25px;"></div>
          </div>

      </div>
    </div>
  </div>
    <!-- Header end  -->

    <!-- cover start  -->
    <section class="mt-5 ">
        <div class="container mt-3">
            <div class="row col-rev">
              <div class="col-lg-3 col-md-12 col-12 need-help">
                <h6>NEED HELP?</h6>
                <p class="font-sm">If you have questions or need assistance, please contact us:</p>
                <div class="d-flex">
                  <img src="assets/svg/Account-Help-Phone-Icon.svg" alt="Phone Icone" height="25">
                  <div class="font-sm ps-3">
                    <span>+8801310186926</span>
                    <div class="p-2"></div>
                    <span>
                      We’re Available: <br>
                      Mon – Fri: 8:00am– 8:00pm ET <br>
                      Sat: 11:00am – 7:30pm ET <br>
                      Sun: 9:30am – 6:00pm ET</span>
                  </div>
                  
                </div>
                <div class="d-flex pt-5">
                  <img src="assets/svg/Chat-icon.svg" alt="Chat Icon" height="22" class="mt-2">
                  <div class="font-sm ps-3">
                    <button class="btn text-cap border-0">Live-chat</button>
                  </div>
                </div>
                <div class="d-flex pt-5">
                  <img src="assets/svg/Account-Help-Email-Icon.svg" alt="Email icon" height="18" class="mt-2">
                  <div class="font-sm ps-3">
                    <button class="btn border-0 text-cap">Email Us</button>
                  </div>
                </div>
                <div class="d-flex pt-5">
                  <img src="assets/svg/Text-Icon.svg" alt="phone icon" height="30" class="mt-2">
                  <div class="font-m ps-3 pt-1">
                    Text Us <br><br>
                    <a href="tel:1-315-562-0208" class="text-dark font-sm">1-315-562-0208</a>
                  </div>
                </div>
              </div>
              <div class="col-lg-9 col-md-12 col-12 row signin-form">
                <div class="col-lg-8 col-md-12 col-12">
                  <div class="border border-dark card" style="border-radius: 0;">
                    <div class="d-flex tab-header">
                      <div class="signin-tab text-center align-items-center col-6 tab-active">
                        <h2 class="serif">Sign In</h2>
                      </div>
                      <div class="signup-tab text-center align-items-center col-6">
                        <h2 class="serif">Create Account</h2>
                      </div>
                    </div>
                    <div class="card-body signin-body">
                      <div class="row">
                        <div class="col-lg-6 col-md-6 col-12 pt-2">
                          <button class="p-3 col-12 border border-dark social-btn"><img src="assets/svg/facebook.svg" alt="facebook" height="20"> Facebook</button>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 pt-2">
                          <button class="p-3 col-12 border border-dark social-btn"><img src="assets/svg/google.svg" alt="facebook" height="20"> Google</button>
                        </div>
                      </div>
                      <br>
                      <hr>
                      <center><span style="background-color: white;">Or</span></center>
                      <hr>
                      <form action="">
                        <div class="form-floating mb-3">
                          <input type="email"
                          class="col-12 form-control" name="email" id="email" aria-describedby="email" placeholder="Enter Email Here">
                          <label for="email" class="form-label">Email</label>
                          <small id="email" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="form-floating mb-3">
                          <input type="password" class="col-12 form-control" name="password" id="password" placeholder="Enter Password Here" aria-describedby="password">
                          <label for="password" class="form-label">Password</label>
                          <small id="password" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="d-flex justify-content-between">
                          <a href="#" class="font-m-sm text-muted" style="text-decoration: underline;">Forgot Password</a>
                          <span class="text-muted font-m-sm">* Required</span>
                        </div>
                        <div class="mb-3 mt-3 form-check c-cursor">
                          <input type="checkbox" class="form-check-input" id="check"/>
                          <label class="form-check-label text-muted" for="check">Remember Me</label>
                        </div>
                        <button class="p-3 border col-12 mt-2" style="background-color: #041e3a; color: white;">Sign In</button>
                      </form>
                    </div>
                    <div class="card-body signup-body" style="display: none;">
                      <div class="row">
                        <div class="col-lg-6 col-md-6 col-12 pt-2">
                          <button class="p-3 col-12 border border-dark social-btn"><img src="assets/svg/facebook.svg" alt="facebook" height="20"> Facebook</button>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 pt-2">
                          <button class="p-3 col-12 border border-dark social-btn"><img src="assets/svg/google.svg" alt="facebook" height="20"> Google</button>
                        </div>
                      </div>
                      <br>
                      <hr>
                      <center><span style="background-color: white;">Or</span></center>
                      <hr>
                      <form action="">
                        <div class="form-floating mb-3">
                          <input type="email"
                          class="col-12 form-control" name="email" id="email" aria-describedby="email" placeholder="Enter Email Here">
                          <label for="email" class="form-label">Email</label>
                          <small id="email" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="form-floating mb-3">
                          <input type="password" class="col-12 form-control" name="password" id="password" placeholder="Enter Password Here" aria-describedby="password">
                          <label for="password" class="form-label">Password</label>
                          <small id="password" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="form-floating mb-3">
                          <input type="password" class="col-12 form-control" name="re_password" id="repassword" placeholder="Re-Enter Password Here" aria-describedby="password">
                          <label for="repassword" class="form-label">Confirm Password</label>
                          <small id="password" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="form-floating mb-3">
                          <input type="text"
                          class="col-12 form-control" name="f_name" id="f-name" aria-describedby="f-name" placeholder="Enter First Name">
                          <label for="f-name" class="form-label">First Name</label>
                          <small id="f-name" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="form-floating mb-3">
                          <input type="text"
                          class="col-12 form-control p-2" name="l_name" id="l-name" aria-describedby="l-name" placeholder="Enter Last Name">
                          <label for="l-name" class="form-label">Last Name</label>
                          <small id="l-name" class="form-text text-muted">* Required Field</small>
                        </div>
                        <div class="d-flex justify-content-between">
                          <a href="#" class="font-m-sm text-muted" style="text-decoration: underline;">Forgot Password</a>
                          <span class="text-muted font-m-sm">* Required</span>
                        </div>
                        <div class="mb-3 mt-3 form-check c-cursor">
                          <input type="checkbox" class="form-check-input" id="check3"/>
                          <label class="form-check-label text-muted" for="check3">Remember Me</label>
                        </div>
                        <div class="mb-3 mt-3 form-check c-cursor">
                          <input type="checkbox" class="form-check-input" id="check2"/>
                          <label class="form-check-label text-muted" for="check2"><span class="font-sm">Subscribe me to receive email updates. Ralph Lauren does not share or sell personal information</span></label>
                        </div>
                        <a href="#" class="font-sm text-dark" data-bs-toggle="modal" data-bs-target="#policy">See Privacy Policy</a>
                        <button class="p-3 border col-12 mt-2" style="background-color: #041e3a; color: white;">Create Account</button>
                        
                      </form>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-12 col-12 pt-lg-0 pt-3 Tracking">
                  <div class="card order-status border-0 text-center p-3 pt-4" style="background-color: rgb(230, 230, 230);border-radius: 0;">
                    <h6>CHECK ORDER STATUS</h6>
                    <p class="p-3 font-sm">See your order even if you are not a registered user. Enter the order number and the billing address ZIP code.</p>
                    <form action="">
                      <div class="mb-3 text-start">
                        <label for="order-number" class="form-label">* Order Number</label>
                        <input type="text" class="p-2" name="order_number" id="order-number" aria-describedby="order-number" placeholder="Enter Order Number">
                        <!-- <small id="order-number" class="form-text text-muted">* Required</small> -->
                      </div>
                      <div class="mb-3 text-start">
                        <label for="order-email" class="form-label">* Order Email</label>
                        <input type="email" class="p-2" name="order_email" id="order-email" aria-describedby="emailHelpId" placeholder="abc@mail.com">
                        <!-- <small id="emailHelpId" class="form-text text-muted">* Required</small> -->
                      </div>
                      <div class="mb-3 text-start">
                        <label for="billing-zip" class="form-label">* Billing Zip Code</label>
                        <input type="text" class="p-2" name="billing_zip" id="billing-zip" aria-describedby="billing-zip" placeholder="Billing Zip Code">
                        <!-- <small id="order-number" class="form-text text-muted">* Required</small> -->
                      </div>
                      <a href="#" class="u-botton-dark font-m">Check Status</a>
                    </form>
                  </div>
                  
                </div>
                <div class="col-lg-4 col-md-12 col-12 pt-lg-0 pt-3 benefit" style="display: none;">
                  <h5>BENEFITS OF CREATING AN ACCOUNT</h5>
                  <p class="font-m-sm "><b>
                    Enjoy Free Fast Shipping <i class="fas fa-truck-fast"></i> <a href="#" class="text-dark" data-bs-toggle="modal" data-bs-target="#details">
                      Details
                    </a>
                  </b></p>
                  <!-- Modal -->
                  <div class="modal fade" id="details" tabindex="-1" role="dialog" aria-labelledby="modalTitleId" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="modalTitleId">Details</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  
                        </div>
                        <div class="modal-body" style="max-height: 10rem; overflow-y: scroll;">
                            <p class="text-justify">
                              Enjoy free Fast shipping on orders made using a RalphLauren.com account. Enjoy free returns within 30 days of the order ship date. See our returns policy for details and exclusions. The free Fast shipping offer is automatically applied at checkout when Fast shipping is selected after signing in to your account on RalphLauren.com or on The Ralph Lauren App. Orders typically arrive within four business days if placed by 3 PM ET (11 AM ET for orders containing customized items). Your estimated delivery date will be provided at checkout. Orders containing fragrances, rugs, or lighting and orders greater than 30 units are not eligible for Fast shipping. Regular charges will apply to all other shipping methods. Any philanthropic donations added at checkout do not count toward the minimum purchase amount. This offer has no cash value. This offer is not applicable to purchases being shipped internationally. Ralph Lauren reserves the right to end or modify any free shipping offers at any time.
                            </p>
                        </div>
                        <div class="modal-footer">
                        </div>
                      </div>
                    </div>
                  </div>
                  <p class="font-m-sm">
                    <b>
                      Simplified Returns Process
                    </b>
                  </p>
                  <p class="font-m-sm">
                    <b>
                      Receive Exclusive Offers & News
                    </b>
                  </p>
                  <p class="font-m-sm">
                    <b>
                      Easy Access to Order Tracking & History
                    </b>
                  </p>
                  <p class="font-m-sm">
                    <b>
                      Faster Shopping & Checkout
                    </b>
                  </p>
                  <a href="#" class="font-m-sm h-u text-dark">
                    Read more about security
                  </a>
                  
                  
                  
                  
                </div>
                
              </div>
            </div>
            <br>
        </div>
    </section>
    <script src="assets/js/signin.js"></script>
    <!-- cover end  -->




    
    <!-- Modal -->
    <div class="modal fade" id="policy" tabindex="-1" role="dialog" aria-labelledby="Privacy" aria-hidden="true">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="Privacy">Privacy Policy</h5>
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
          <div class="modal-body">
            <div class="container-fluid">
              <iframe src="assets/privecy_policy.txt" id="myIframe" frameborder="0" style="width: 100%;height: 80vh;border:3px solid black; background-color: white; color: black;"></iframe>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    
    <script>
      var modalId = document.getElementById('modalId');
    
      modalId.addEventListener('show.bs.modal', function (event) {
          // Button that triggered the modal
          let button = event.relatedTarget;
          // Extract info from data-bs-* attributes
          let recipient = button.getAttribute('data-bs-whatever');
    
        // Use above variables to manipulate the DOM
      });
    </script>
    


    <!-- footer section start  -->
    <footer>
      <hr>
      <div class="container-fluid">
        <div class="row">
          <div class="mt-2 col-lg-4 col-md-12 col-12 border border-start-0 border-top-0 border-bottom-0">
            <div id="company" class="company">

              <ul style="list-style: none; padding: 10px;">
                <li class="text-cap pb-3"><h6><b>Company</b></h6></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">About Us</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Careers</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">World of RL</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Protecting Our Brands</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Global Citizenship & Sustainability</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Commitment to Racial Equity</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">COVID-19 Updates</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Find a Store</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Download the Ralph Lauren App</a></li>
              </ul>
            </div>
          </div>
          <div class="mt-2 col-lg-4 col-md-12 col-12 border border-start-0 border-top-0 border-bottom-0">
            <div id="account" class="account">

              <ul style="list-style: none; padding: 10px;">
                <li class="text-cap pb-3"><h6><b>ACCOUNT</b></h6></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">My Account</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Create Account</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Check Order Status</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Order History</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Returns & Exchanges</a></li>
              </ul>
            </div>
          </div>
          <div class="mt-2 col-lg-4 col-md-12 col-12 border border-start-0 border-top-0 border-bottom-0">
            <div id="customer-assistent" class="customer-assistent">

              <ul style="list-style: none; padding: 10px;">
                <li class="text-cap pb-3"><h6><b>CUSTOMER ASSISTANCE</b></h6></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Live Chat</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Customer Support</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Shipping & Handling</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Satisfaction Guarantee</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Gift Cards</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Mobile Marketing</a></li>
                <li class="font-m-sm pt-2"><a href="#" class="nav-link">Sitemap</a></li>
              </ul>
            </div>
          </div>
          <!-- <div class="mt-2 col-lg-3 col-md-12 col-12 border border-start-0 border-top-0 border-bottom-0">
            <div id="customer-assistent" class="customer-assistent">

              <ul style="list-style: none; padding: 10px;">
                <li class="text-cap pb-3"><h6><b>SIGN UP FOR EMAILS</b></h6></li>
                <li>
                  <div class="input-group">
                    <input type="text" class="form-control p-3" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="subscribe" style="border-radius: 0; outline: none;">
                    <button class="btn btn-outline-secondary p-3" type="button" id="subscribe" style="border-radius: 0;background-color: #041e3a; color: white;">Button</button>
                  </div>
                  <small id="subscribe" class="form-text text-muted" >Help text</small>
                </li>
                <li class="font-sm pt-3">
                  <a href="#" class="text-dark">Click here</a> to read Ralph Lauren's privacy notice. Or <a href="#" class="text-dark"> contact us.</a>
                </li>
              </ul>
            </div>
          </div> -->
        </div>
      </div>
      <hr>
      <div class="p-3"></div>
      <hr>
      <div class="">
        <div class="row">
          <div class="col-lg col-12 text-center p-1"><a href="#" class="a-herf text-dark font-sm" style="font-size: 10px;">Company Information</a></div>
        <div class="col-lg col-12 text-center p-1"><a href="#" class="a-herf text-dark font-sm" style="font-size: 10px;">Terms of Use</a></div>
        <div class="col-lg col-12 text-center p-1"><a href="#" class="a-herf text-dark font-sm" style="font-size: 10px;">Privacy Notice</a></div>
        <div class="col-lg col-12 text-center p-1"><a href="#" class="a-herf text-dark font-sm" style="font-size: 10px;">UK and California Transparency Act</a></div>
        <div class="col-lg col-12 text-center p-1"><a href="#" class="a-herf text-dark font-sm" style="font-size: 10px;">Do Not Sell My Personal Information</a></div>
        </div>
      </div>
      <div class="text-center font-sm p-1">
        <div class="p-2 d-lg-block d-md-none d-none"></div>
        &copy;COPYRIGHT 2022 RALPH LAUREN MEDIA LLC
      </div>
    </footer>
    <!-- footer section end  -->
    </div>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/foryou.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js" integrity="sha512-YYiD5ZhmJ0GCdJvx6Xe6HzHqHvMpJEPomXwPbsgcpMFPW+mQEeVBU6l9n+2Y+naq+CLbujk91vHyN18q6/RSYw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="assets/js/ma5-menu.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/aos.js"></script>
    <script src="assets/js/main.js"></script>

    <script>
      
    </script>

</body>
</html>
