* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

.main {
  height: 37rem;
  width: 58rem;
  margin: 10px auto;
  display: flex;
}
.next {
  display: flex;
  justify-content: space-between;
}
.next1 {
  width: 50px;
  position: relative;
  bottom: 20rem;
  margin-left: 5rem;
  color: white;
}
.next2 {
  width: 50px;
  position: relative;
  bottom: 20rem;
  margin-right: 4rem;
  color: white;
}
.onclick {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.onclick .click1 {
  height: 70px;
  background-image: url(Design/1.Shirley.webp);
  background-size: cover;
  width: 70px;
}
.onclick .click2 {
  height: 70px;
  background-image: url(Design/2.Zeb.webp);
  background-size: cover;
  width: 70px;
}
.onclick .click3 {
  height: 70px;
  background-image: url(Design/3.\ Barbès.jpg);
  background-size: cover;
  width: 70px;
}
.onclick .click4 {
  height: 70px;
  background-image: url(Design/4.\ VHS.webp);
  background-size: cover;
  width: 70px;
}
.onclick .click5 {
  height: 70px;
  background-image: url(Design/5.ALR.webp);
  background-size: cover;
  width: 70px;
}
.onclick .click6 {
  height: 70px;
  background-image: url(Design/6.Estaly.webp);
  background-size: cover;
  width: 70px;
}
.onclick .click7 {
  height: 70px;
  background-image: url(Design/7.Kolecto.webp);
  background-size: cover;
  width: 70px;
}
.slider {
  height: 100%;
  width: 100%;
  background-image: url(Design/1.Shirley.webp);
  background-size: cover;
  background-color: aquamarine;
}
.slider1 {
  height: 100%;
  width: 100%;
  background-image: url(Design/2.Zeb.webp);
  background-size: cover;
  background-color: aquamarine;
}
.slider2 {
  height: 100%;
  width: 100%;
  background-image: url(Design/3.\ Barbès.jpg);
  background-size: cover;
  background-color: aquamarine;
}
.slider3 {
  height: 100%;
  width: 100%;
  background-image: url(Design/4.\ VHS.webp);
  background-size: cover;
  background-color: aquamarine;
}
.slider4 {
  height: 100%;
  width: 100%;
  background-image: url(Design/5.ALR.webp);
  background-size: cover;
  background-color: aquamarine;
}
.slider5 {
  height: 100%;
  width: 100%;
  background-image: url(Design/6.Estaly.webp);
  background-size: cover;
  background-color: aquamarine;
}
.slider6 {
  height: 100%;
  width: 100%;
  background-image: url(Design/7.Kolecto.webp);
  background-size: cover;
  background-color: aquamarine;
}
.slider7 {
  height: 100%;
  width: 100%;
  background-image: url(Design/8.swile.webp);
  background-size: cover;
  background-color: aquamarine;
}