.home-container {
  width: 100%;
  display: flex;
  overflow: auto;
  position: relative;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.home-container01 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  position: absolute;
  align-self: center;
  align-items: flex-start;
  justify-content: center;
}
.home-container01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.home-container02 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.home-image {
  flex: 1;
  width: 33%;
  height: 100%;
  object-fit: cover;
}
.home-container03 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  background-color: #D9D9D9;
}
.home-image1 {
  flex: 1;
  width: 33%;
  height: 100%;
  object-fit: cover;
}
.home-container04 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  background-color: #525252;
}
.home-image2 {
  flex: 1;
  width: 33%;
  height: 100%;
  object-fit: cover;
}
.home-container05 {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home-container06 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: 50px;
  z-index: 100;
  align-self: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 50px;
}
.home-container07 {
  flex: 1;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
  justify-content: center;
}
.home-container08 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.home-container09 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  z-index: 100;
  align-items: flex-start;
  padding-top: 35px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 35px;
  justify-content: center;
}
.home-container10 {
  flex: 1;
  width: auto;
  margin: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-container11 {
  width: 300px;
  height: 300px;
  display: flex;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-round);
  margin-bottom: 10px;
  background-size: cover;
  background-image: url("public/assets/voiture.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow:
  8.5px 9.1px 2.2px rgba(0, 0, 0, 0.018),
  16.9px 18.1px 5.3px rgba(0, 0, 0, 0.029),
  26px 27.9px 10px rgba(0, 0, 0, 0.038),
  37.6px 40.3px 17.9px rgba(0, 0, 0, 0.048),
  57.8px 62px 33.4px rgba(0, 0, 0, 0.058),
  123px 132px 80px rgba(0, 0, 0, 0.07);
}
.home-container11:hover, .home-container11:hover + .home-container02{
  transform: scale(1.05);
  transition-duration: 500ms;
}
.home-text4 {
  align-self: center;
  background-color: white;
  padding: 10px;
  border-radius: 20px;
}
.home-container12 {
  flex: 1;
  width: auto;
  margin: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-container13 {
  width: 300px;
  height: 300px;
  display: flex;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-round);
  margin-bottom: 10px;
  background-size: cover;
  background-image: url("public/assets/bateau.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow:
  8.5px 9.1px 2.2px rgba(0, 0, 0, 0.018),
  16.9px 18.1px 5.3px rgba(0, 0, 0, 0.029),
  26px 27.9px 10px rgba(0, 0, 0, 0.038),
  37.6px 40.3px 17.9px rgba(0, 0, 0, 0.048),
  57.8px 62px 33.4px rgba(0, 0, 0, 0.058),
  123px 132px 80px rgba(0, 0, 0, 0.07);
}
.home-container13:hover, .home-container13:hover + .home-container03{
  transform: scale(1.05);
  transition-duration: 500ms;
}
.home-text5 {
  align-self: center;
  background-color: white;
  padding: 10px;
  border-radius: 20px;
}
.home-container14 {
  flex: 1;
  width: auto;
  margin: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-container15 {
  width: 300px;
  height: 300px;
  display: flex;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-round);
  margin-bottom: 10px;
  background-size: cover;
  background-image: url("public/assets/mobilier.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow:
  8.5px 9.1px 2.2px rgba(0, 0, 0, 0.018),
  16.9px 18.1px 5.3px rgba(0, 0, 0, 0.029),
  26px 27.9px 10px rgba(0, 0, 0, 0.038),
  37.6px 40.3px 17.9px rgba(0, 0, 0, 0.048),
  57.8px 62px 33.4px rgba(0, 0, 0, 0.058),
  123px 132px 80px rgba(0, 0, 0, 0.07);
}
.home-container15:hover, .home-container15:hover + .home-container04{
  transform: scale(1.05);
  transition-duration: 500ms;
}
.home-text6 {
  align-self: center;
  background-color: white;
  padding: 10px;
  border-radius: 20px;
}
.home-container16 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  z-index: 100;
  align-self: center;
  align-items: center;
  padding-top: 50px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  justify-content: center;
}
.home-icon {
  width: 50px;
  height: 50px;
  margin-right: 100px;
}
.home-icon2 {
  width: 50px;
  height: 50px;
}
@media(max-width: 991px) {
  .home-container11 {
    width: 250px;
    height: 250px;
  }
  .home-container13 {
    width: 250px;
    height: 250px;
  }
  .home-container15 {
    width: 250px;
    height: 250px;
  }
}
@media(max-width: 767px) {
  .home-container11 {
    width: 200px;
    height: 200px;
  }
  .home-container13 {
    width: 200px;
    height: 200px;
  }
  .home-container15 {
    width: 200px;
    height: 200px;
  }
}
@media(max-width: 479px) {
  .home-text {
    font-size: 2rem;
    text-align: center;
  }
  .home-text1 {
    text-align: center;
  }
  .home-text2 {
    text-align: center;
  }
  .home-container09 {
    align-self: center;
    align-items: center;
    flex-direction: column;
  }
}