.landing-page {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.landing-page .overlap-wrapper {
  background-color: #ffffff;
  width: 1728px;
  height: 1117px;
}

.landing-page .overlap {
  position: relative;
  height: 1033px;
  background-image: url(./img/BG.png);
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .text-wrapper {
  position: absolute;
  width: 601px;
  top: 997px;
  left: 564px;
  font-family: "Helvetica-Light", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.landing-page .texte-header {
  position: absolute;
  width: 749px;
  height: 67px;
  top: 215px;
  left: 491px;
}

.landing-page .d-couvrez-en {
  position: absolute;
  width: 747px;
  top: 0;
  left: 0;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.landing-page .logo {
  position: absolute;
  width: 179px;
  height: 97px;
  top: 89px;
  left: 781px;
}

.landing-page .overlap-group {
  position: relative;
  height: 97px;
}

.landing-page .logo-blanc-visioconf {
  position: absolute;
  width: 167px;
  height: 97px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.landing-page .vector {
  position: absolute;
  width: 14px;
  height: 15px;
  top: 0;
  left: 165px;
}

.landing-page .stella {
  left: 498px;
  position: absolute;
  width: 325px;
  height: 596px;
  top: 310px;
}

.landing-page .div {
  position: relative;
  width: 323px;
  height: 596px;
}

.landing-page .rectangle {
  position: absolute;
  width: 323px;
  height: 586px;
  top: 0;
  left: 0;
  background-color: #1111111f;
  border-radius: 24px;
  backdrop-filter: blur(2px) brightness(100%);
  -webkit-backdrop-filter: blur(2px) brightness(100%);
}

.landing-page .stella-agent-expert {
  position: absolute;
  width: 257px;
  top: 289px;
  left: 39px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 19px;
  letter-spacing: 0;
  overflow-y: scroll;
  line-height: 22px;
  height: 194px;
}

.landing-page .span {
  font-weight: 700;
  color: #ffd301;
}

.landing-page .text-wrapper-2 {
  font-family: "Helvetica-Regular", Helvetica;
  color: #ffd301;
}

.landing-page .text-wrapper-3 {
  font-family: "Helvetica-Regular", Helvetica;
  color: #ffffff;
  font-size: 16px;
}

.landing-page .img {
  position: absolute;
  width: 244px;
  height: 216px;
  top: 44px;
  left: 39px;
  object-fit: cover;
}

.landing-page .CTA {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 246px;
  height: 83px;
  top: 513px;
  left: 39px;
}

.landing-page .overlap-group-2 {
  position: relative;
  width: 244px;
  height: 83px;
}

.landing-page .rectangle-2 {
  position: absolute;
  width: 243px;
  height: 55px;
  top: 0;
  left: 1px;
  border-radius: 30px;
  border: 1px solid;
  border-color: #ffffff;
  backdrop-filter: blur(2px) brightness(100%);
  -webkit-backdrop-filter: blur(2px) brightness(100%);
}

.landing-page .text-wrapper-4 {
  position: absolute;
  width: 244px;
  top: 16px;
  left: 0;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.landing-page .overlap-group-wrapper {
  left: 906px;
  position: absolute;
  width: 325px;
  height: 596px;
  top: 310px;
}
