#landing_page {
  margin-top: 10vh;
  mix-blend-mode: multiply;
}
#landing_page .container {
  position: relative;
}
#landing_page h1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
#landing_page .h2-1 {
  position: absolute;
  top: -300px;
  left: 250px;
}
#landing_page .h2-2 {
  position: absolute;
  top: -400px;
  right: 250px;
}
#landing_page .hero-wrapper {
  display: flex;
  height: 80vh;
  justify-content: center;
  align-items: center;
}
#landing_page .hero {
  height: 50vh;
  width: 100%;
  position: relative;
}
#landing_page .image-landing {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f8f3f1;
  z-index: -10;
}

#about_us {
  position: relative;
}
#about_us .bg_text:nth-of-type(1) {
  position: absolute;
  transform: translate(-50% -50%);
  top: -3%;
  left: -5%;
  z-index: -1;
}
#about_us .bg_text:nth-of-type(2) {
  position: absolute;
  transform: translate(-50% -50%);
  top: 35%;
  left: 10%;
  z-index: -1;
}
#about_us ul {
  margin-left: -20px;
}

#build_end h3 {
  font-size: clamp(1.5rem, 3.35vw, 8rem);
  margin-bottom: 2vh;
}
#build_end a {
  color: #2c8cb3 !important;
  font-size: clamp(1.5rem, 3.35vw, 8rem);
}

#about_us2 {
  position: relative;
}
#about_us2 .bg_text:nth-of-type(1) {
  position: absolute;
  transform: translate(-50% -50%);
  top: -10%;
  left: -5%;
  z-index: -1;
}
#about_us2 .bg_text:nth-of-type(2) {
  position: absolute;
  transform: translate(-50% -50%);
  top: 50%;
  left: 70%;
  z-index: -1;
}
#about_us2 h3 {
  font-size: clamp(1.5rem, 3.35vw, 8rem);
  margin-bottom: 2vh;
}

#about_us3 {
  position: relative;
}
#about_us3 .bg_text:nth-of-type(1) {
  position: absolute;
  transform: translate(-50% -50%);
  top: 75%;
  left: -10%;
  z-index: -1;
}
#about_us3 .bg_text:nth-of-type(2) {
  position: absolute;
  transform: translate(-50% -50%);
  top: 90%;
  left: 50%;
  z-index: -1;
}

#sell h3 {
  font-size: clamp(2rem, 6vw, 10rem);
}

@media screen and (max-width: 1620px) {
  .h2-1 {
    display: none;
  }

  .h2-2 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .hero-wrapper {
    height: 70vh !important;
  }
}
@media screen and (max-width: 768px) {
  #landing_page {
    margin-top: clamp(75px, 25vh, 150px) !important;
  }

  .hero-wrapper {
    height: 55vh !important;
  }
}
@media screen and (max-width: 576px) {
  .hero-wrapper {
    height: 35vh !important;
  }
}
@media screen and (max-width: 400px) {
  .hero .hero-wrapper {
    height: 30vh !important;
  }
}