@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}
body {
  background-color: #dedede;
  color: #333;
  /* background-image: url('/collectimages/BLACKSHOES-removebg-preview.png'); */
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.button {
  padding: 1em 2em 1em;
  color: white;
  background-color: black;
}

.box {
  background-image: url("/imagesgallery/women-shoes-on-wooden-background-2025-02-24-16-56-46-utc.jpg");
  background-attachment: fixed;
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.text {
  color: black;
  text-align: center;
  font-size: 2em;
  padding-top: 20vh;
}
.box-4 {
  background-attachment: fixed;
  background-image: url("/imagesgallery/top-view-of-mens-and-childrens-black-classic-shoes-2024-11-09-05-23-34-utc.jpg");
  height: 50vh;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.box-3 {
  background-image: url("/aboutimages/close-up-view-of-arranged-grooms-shoes-and-accesso-2024-11-14-21-23-00-utc.jpg");
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.box-2 {
  background-image: url("/aboutimages/fashion-concept-with-male-shoes-on-wooden-backgrou-2025-02-25-06-52-52-utc.jpg");
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}
.box-1 {
  background-image: url("/aboutimages/pair-of-brown-shiny-shoes-for-the-groom-on-wedding-2025-02-02-11-42-07-utc (1).jpg");
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.whatsapp-button {
  display: block; /* Or inline-block or flex */
  width: 50px; /* Adjust as needed */
  height: 50px; /* Adjust as needed */
  position: fixed; /* Or absolute, relative, etc. for positioning */
  bottom: 10px; /* Adjust for positioning */
  right: 20px; /* Adjust for positioning */
  z-index: 1000; /* Ensure it's above other content */
  background-color: #25d366; /* WhatsApp green */
  color: white;
  text-decoration: none; /* Remove underline */
  border-radius: 50%; /* Make it circular */
  padding: 10px; /* Adjust padding as needed */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.whatsapp-button-image {
  width: 100%; /* Make the image fill the button area */
  height: 100%; /* Make the image fill the button area */
}

#mybutton{
    position: fixed;
    bottom: 250px;
    right: 0;
    z-index: 10;
    color: green;
  }