@media(max-width: 576px)
{
    img {
        max-width: 470px;
    }
}


/* screen - landing-page */
.form{
    background-image: url(../img/trac--8-1@1x.png);
}

.bg-navbar {
    border-bottom-style: solid;
    border-bottom-color: var(--light-gray);
    border-bottom-width: thin;
}

.bg-peridot{
   background-color:  var(--peridot)!important;
}


.is_entreprise:hover {
    background-color:  var(--peridot)!important;
}

.project_type:hover{
    background-color:  var(--peridot)!important;
}

.landing-page  {
    font-family: var(--font-family-plus_jakarta_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--gray);
    line-height: normal;
  align-items: flex-end;
  background-color: var(--white);
  /*display: flex;*/
  flex-direction: column;
  /*height: 10329px;*/
  overflow: hidden;
  /*width: 1920px;*/
}

.landing-page .menu {
  align-items: flex-end;
  border: 1px solid;
  border-color: #7070707f;
  display: flex;
  height: 153px;
  margin-right: -37px;
  margin-top: -26px;
  min-width: 1990px;
  padding: 38px 172px;
}

/*.landing-page .votre-projet {*/
/*  letter-spacing: 0;*/
/*  line-height: 16px;*/
/*  margin-left: 29px;*/
/*  min-height: 18px;*/
/*  white-space: nowrap;*/
/*}*/

.landing-page .groupe-284 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  margin-bottom: 5px;
  min-width: 200px;
}

.landing-page .get-started {
  letter-spacing: 0;
  line-height: 32px;
  min-height: 20px;
  text-align: center;
  white-space: nowrap;
  width: 138px;
}

.landing-page .bloc-intro {
  align-self: center;
  display: flex;
  /*height: 788px;*/
  justify-content: space-between;
  /*margin-top: 77px;*/
  /*width: 1640px;*/
}

.votre-projet .texte-votre-projet {
    color: var(--shark);
    font-weight: 400;
}

.votre-projet hr {
    opacity: unset;
}

.landing-page .lorem-ipsum-dolor-si {
    color: var(--gray);
    font-weight: 400;
}

@media screen and (min-width: 1200px ) {
    .landing-page .lorem-ipsum-dolor-si {
      line-height: 34px;
      margin-top: 30px;
      min-height: 150px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px ) {
    .landing-page .lorem-ipsum-dolor-si {
        line-height: 34px;
        margin-top: 30px;
        min-height: 100px;
    }
}

@media screen and (min-width: 600px) and (max-width: 767px ) {
    .landing-page .lorem-ipsum-dolor-si {
        line-height: 24px;
        margin-top: 20px;
        min-height: 120px;
    }
}

@media screen and (max-width: 599px ) {
    .landing-page .lorem-ipsum-dolor-si {
        line-height: 24px;
        margin-top: 20px;
        min-height: 120px;
    }

    .project_type{
        font-size: 12px!important;
    }

    #step3 input:not([type=radio]) {
        font-size: 12px!important;
    }

    #step3 span {
        font-size: 12px!important;
    }

    #step3 textarea {
        font-size: 12px!important;
    }
}

.landing-page .flex-row-2 {
  align-items: center;
  display: flex;
  gap: 42px;
  margin-top: 56px;
  min-width: 437px;
}

.landing-page .fleche-3 {
  align-items: flex-start;
  display: flex;
  height: 16.06px;
  margin-bottom: 0;
  min-width: 22.48px;
}

.landing-page .vector-container-4 {
  height: 18px;
  margin-left: -1px;
  margin-top: -1.06px;
  position: relative;
  width: 24px;
}

.landing-page .vector {
  height: 18px;
  left: 14px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 10px;
}

.landing-page .vector-1 {
  height: 2px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 24px;
}

.landing-page .groupe-dfilant-1 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  /*height: 714px;*/
  /*left: 83px;*/
  /*min-width: 702px;*/
  overflow-x: scroll;
  /*position: absolute;*/
  top: 0;
}

.landing-page .icon {
  align-items: flex-end;
  background-image: url(../img/rectangle-8025-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 91px;
  left: 22px;
  min-width: 90px;
  position: absolute;
  top: 21px;
}

.landing-page .overlap-group1 {
  align-self: center;
  height: 54px;
  position: relative;
  width: 50px;
}


.landing-page .vector-10 {
  height: 18px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 10px;
}

.landing-page .vector-11 {
  height: 2px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 15px;
  width: 24px;
}

.landing-page .vector-12 {
  height: 32px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 32px;
}

.landing-page .vector-13 {
  height: 18px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 10px;
}

.landing-page .vector-14 {
  height: 2px;
  left: 8px;
  object-fit: cover;
  position: absolute;
  top: 15px;
  width: 24px;
}

.landing-page .vector-15 {
  height: 32px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 32px;
}

.landing-page .overlap-group2 {
  background-color: var(--white);
  border-radius: 28px;
  height: 39px;
  position: relative;
  width: 100%;
  text-align: center;
}

.landing-page .learn-more {
  color: var(--shark);
    left: 16px;
  letter-spacing: 0;
  line-height: 32px;
  /*position: absolute;*/
  top: 1px;
  white-space: nowrap;
  /*width: 158px;*/
}

.form-check-input {
    border-color: black !important;
    border-width: 1px !important;
}

.form-check-input:checked {
    background-color: var(--peridot) !important;
    border-color: var(--peridot) !important;
}

@media screen and ( min-width: 992px ) {
    .landing-page .vector-container {
      height: 18px;
      left: 146px;
      position: absolute;
      top: 11px;
      width: 24px;
    }
}

@media screen and ( min-width: 768px ) and ( max-width: 991px ) {
    .landing-page .vector-container {
        display: none;
    }
}

@media screen and ( max-width: 767px ) {
    .landing-page .vector-container {
        height: 18px;
        left: 146px;
        position: absolute;
        top: 11px;

        width: 24px;
    }
}



.landing-page .overlap-nous-contacter {
  align-items: flex-start;
  background-color: var(--shark);
  border-radius: 1000px;
  display: flex;
  /*height: 80px;*/
  justify-content: flex-end;
  /*margin-top: -5px;*/
  /*min-width: 198px;*/
  /*padding: 26px 36px;*/
}

.landing-page .icon-1 {
  align-items: flex-end;
  background-image: url(../img/background-1@1x.png);
  height: 79px;
  margin-left: 6.0px;
  margin-top: 19px;
  min-width: 86px;
  padding: 18.9px 23.0px;
}

.landing-page .feed {
  align-items: flex-start;
  display: flex;
  height: 40px;
  justify-content: flex-end;
  min-width: 40px;
}

.landing-page .vector-container-1 {
  height: 42px;
  margin-top: -1.0px;
  position: relative;
  width: 42px;
}

.landing-page .vector-2 {
  height: 13px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 29px;
  width: 13px;
}

.landing-page .vector-3 {
  height: 42px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 42px;
}

.landing-page .nos-produits-1 {
  align-self: center;
  display: flex;
  flex-direction: column;
  /*height: 248px;*/
  justify-content: space-between;
  margin-right: 20.0px;
  /*margin-top: 133px;*/
  /*width: 1232px;*/
}

.landing-page .a-propos-de-nous {
  display: flex;
  height: 18px;
  width: 256px;
}

/*.landing-page .chauffe-eau-solaire-3 {*/
/*  background-color: var(--alabaster);*/
/*  display: flex;*/
/*  !*height: 1123px;*!*/
/*  !*margin-top: 120px;*!*/
/*  !*width: 1920px;*!*/
/*  position: relative;*/
/*}*/

.landing-page .chauffe-eau-solaire-4 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  margin-bottom: 123px;
  margin-left: 205px;
  margin-right: 139px;
  margin-top: 120px;
  min-width: 1576px;
  position: relative;
}

.landing-page .overlap-group5 {
  height: 880px;
  position: relative;
  width: 1576px;
}

.landing-page .image-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  left: 689px;
  min-height: 880px;
  /*position: absolute;*/
  top: 0;
  /*width: 887px;*/
}

.landing-page .bloc-image-produit {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.landing-page .overlap-group3 {
  height: 825px;
  position: relative;
  width: 887px;
}

.landing-page .overlap-group-label {
    height: 32px;
    margin-bottom: 0;
    margin-left: 32px;
    position: relative;
    /*width: 36px;*/
    min-width: 305px;
}

.landing-page .overlap-group-arrow-left, .landing-page .overlap-group-arrow-right {
    height: 32px;
    margin-bottom: 0;
    margin-left: 26px;
    position: relative;
    width: 36px;
}

.landing-page .overlap-group-1 {
  height: 317px;
  left: 0;
  position: absolute;
  top: 442px;
  width: 241px;
}


.landing-page .text {
  color: var(--shark);
  font-weight: 700;
  line-height: 30px;
  margin-left: 2px;
  margin-top: -5px;
  min-height: 22px;
  white-space: nowrap;
}

.landing-page .montant-net-payer {
  color: var(--gray);
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
  margin-left: 20.0px;
  min-height: 36px;
  /*width: 595px;*/
}

.landing-page .chauffe-eau-solaire-5 {
  color: var(--shark);
  font-weight: 600;
  left: 0;
  line-height: 68px;
  position: absolute;
  top: 0;
  width: 792px;
}

.landing-page .titre-produit {
    color: var(--shark);
    font-weight: 600;
    left: 0;
    line-height: 68px;
    /*position: absolute;*/
    top: 0;
    /*width: 792px;*/
}

@media screen and ( max-width: 599px ) {
    .landing-page .titre-produit {
        line-height: 36px;
    }
}
.landing-page .rectangle-143-1 {
  width: 488px;
}

.landing-page .service-1 {
  width: 602.95px;
}

.landing-page .caracteristique {
    flex: 1;
    color: var(--shark);
    /*height: 18px;*/
    letter-spacing: 0;
    line-height: 25px;
    margin-right: -2.0px;
    margin-top: -4.5px;
    /*white-space: nowrap;*/
    /*width: 569px;*/
}
@media screen and ( max-width: 599px ) {
    .landing-page .caracteristique {
        font-size: var(--font-size-xs);
    }
}

.landing-page .ballon-en-inox-pour {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .garantie-10-ans-sur {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .production-deau-cha {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .rduction-de-votre-f {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .ligible-la-prime {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .bouton-noir {
  display: flex;
  height: 80px;
  margin-top: 63px;
  width: 198px;
}

.landing-page .brasseur-d-air {
  align-items: center;
  display: flex;
  /*gap: 67px;*/
  /*margin-right: 23px;*/
  /*margin-top: 120px;*/
  /*min-width: 1747px;*/
}

.landing-page .overlap-group2-7 {
  height: 141px;
  position: relative;
  width: 457px;
}

.landing-page .flex-row-3 {
  align-items: center;
  display: flex;
  gap: 14px;
  height: 59px;
  min-width: 248px;
}

.landing-page .tlcommande-pour-un {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .address-1 {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .garantie-fabricant-1 {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .silencieux-pour-un-confort-optimal {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .address-2 {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

/*.landing-page .chauffe-eau-thermo {*/
/*  align-items: flex-start;*/
/*  background-color: var(--alabaster);*/
/*  display: flex;*/
/*  !*height: 1123px;*!*/
/*  justify-content: flex-end;*/
/*  margin-top: 121px;*/
/*  !*min-width: 1920px;*!*/
/*  !*padding: 120px 140px;*!*/
/*  position: relative;*/
/*}*/

.landing-page .overlap-group13 {
  height: 880px;
  position: relative;
  width: 1575px;
}

.landing-page .service-2 {
  width: 638.95px;
}

.landing-page .modle-tout-en-un-in {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .ballon-en-inox-de-12 {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .garantie-5-ans-sur-l {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .rduction-de-votre-f-1 {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .ligible-la-prime-1 {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

/*.landing-page .centrale-solaire {*/
/*  display: flex;*/
/*  !*height: 880px;*!*/
/*  justify-content: space-between;*/
/*  margin-right: 24px;*/
/*  margin-top: 120px;*/
/*  !*width: 1746px;*!*/
/*}*/

.landing-page .text-3-1 {
  align-self: center;
  color: var(--shark);
  font-weight: 400;
  line-height: 25px;
  margin-top: 28.0px;
  min-height: 18px;
  min-width: 8px;
  white-space: nowrap;
}

.landing-page .rectangle-143-2 {
  width: 369px;
}

.landing-page .scurisez-votre-alim {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 569px;
}

.landing-page .profitez-dune-prime {
  flex: 1;
  height: 18px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: -2.0px;
  margin-top: -4.5px;
  white-space: nowrap;
  width: 620px;
}

.landing-page .formulaire-1 {
  align-items: flex-start;
  display: flex;
  margin-top: 123px;
  /*min-width: 1920px;*/
}

.landing-page .rectangle-149 {
  background-color: var(--gallery);
  height: 1080px;
  width: 830px;
}

.landing-page .flex-col-5 {
  align-items: flex-start;
  margin-top: 16.14px;
  min-height: 746px;
  width: 826px;
}

.landing-page .icons {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 13px;
  height: 59.14px;
  margin-bottom: 0;
  margin-right: 2.0px;
  max-height: 59.14px;
  min-width: calc(100.00% - 2px);
}

.landing-page .icon-2 {
  align-items: flex-end;
  background-image: url(../img/rectangle-14@1x.png);
  height: 59px;
  justify-content: flex-end;
  min-width: 60px;
  padding: 18.7px 23.7px;
}

.landing-page .icon-3 {
  align-items: flex-start;
  background-image: url(../img/rectangle-14@1x.png);
  height: 59px;
  justify-content: flex-end;
  min-width: 60px;
  padding: 20.6px 19.3px;
}

.landing-page .icon-4 {
  align-items: flex-end;
  background-image: url(../img/rectangle-14@1x.png);
  height: 59px;
  justify-content: flex-end;
  min-width: 60px;
  padding: 18.7px 18.8px;
}

.landing-page .address {
  color: var(--gray);
  font-weight: 400;
  line-height: 34px;
  margin-left: 13.0px;
  margin-top: 739px;
  min-height: 20px;
  white-space: nowrap;
}

.landing-page .overlap-group-5 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/rounded-rectangle-2-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  min-width: 553px;
}

.landing-page .flex-col-6 {
  align-items: flex-end;
  margin-top: 13.0px;
  min-height: 855px;
  width: 826px;
}

.landing-page .vos-cordonnes {
  margin-bottom: 4.1px;
  margin-top: -6.1px;
  width: 461px;
}

.landing-page .ligne-2 {
  height: 1px;
  /*margin-top: 40px;*/
  object-fit: cover;
  /*width: 817px;*/
}

.landing-page .votre-nom {
  color: var(--shark);
  font-weight: 400;
  line-height: 20px;
  min-height: 22px;
  min-width: 101px;
  white-space: nowrap;
}

.landing-page .votre-prnom {
  color: var(--shark);
  font-weight: 400;
  line-height: 20px;
  min-height: 22px;
  min-width: 122px;
  white-space: nowrap;
}

.landing-page .votre-adresse {
  color: var(--shark);
  font-weight: 400;
  line-height: 20px;
  min-height: 22px;
  min-width: 125px;
  white-space: nowrap;
}

.landing-page .fleche {
  align-items: flex-start;
  display: flex;
  height: 16.06px;
  justify-content: flex-end;
  margin-bottom: 2.9px;
  margin-left: 0;
  min-width: 22.48px;
}

.landing-page .vector-container-3 {
  height: 18px;
  margin-top: -1.06px;
  position: relative;
  width: 24px;
}

.landing-page .vector-7 {
  height: 18px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 10px;
}

.landing-page .ellipse-1-copy-4 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--peridot);
  border-radius: 15.34px;
  width: 30.68px;
}

.landing-page .flex-col-7 {
  align-items: flex-start;
  gap: 23px;
  margin-left: 21px;
  min-height: 123px;
  width: 208px;
}

.landing-page .button {
  align-self: flex-end;
  display: flex;
  height: 69px;
  width: 128px;
}

.landing-page .groupe-400 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 22px;
  display: flex;
  gap: 35px;
  height: 222px;
  justify-content: flex-end;
  min-width: 242px;
  padding: 21px 24px;
}

.landing-page .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 155px;
  width: 119px;
}

.landing-page .chauffe-eau-solaire {
  color: var(--shark);
  font-weight: 400;
  line-height: 20px;
  margin-left: 2px;
  min-height: 46px;
  white-space: nowrap;
}

.landing-page .ellipse-1-copy-4-1 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--peridot);
  border-radius: 19.5px;
  height: 39px;
  width: 39px;
}

.landing-page .groupe-399 {
  align-items: flex-end;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--peridot);
  border-radius: 22px;
  display: flex;
  gap: 25px;
  height: 222px;
  justify-content: flex-end;
  margin-left: 55px;
  min-width: 242px;
  padding: 21px 26px;
}

.landing-page .flex-col-1 {
  align-items: flex-start;
  gap: 41px;
  min-height: 157px;
  width: 125px;
}

.landing-page .ellipse-1-copy-4-2 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--peridot);
  border-radius: 19.5px;
  height: 39px;
  margin-bottom: 2px;
  width: 39px;
}

.landing-page .chauffe-eau-thermodynamique {
  color: var(--shark);
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px;
  margin-top: 25px;
  min-height: 46px;
  white-space: nowrap;
}

.landing-page .flex-row {
  align-items: flex-end;
  display: flex;
  gap: 62px;
  min-width: 195px;
}

.landing-page .ellipse-1-copy-4-3 {
  background-color: var(--peridot);
  border-radius: 12.5px;
  height: 25px;
  width: 25px;
}

.landing-page .flex-col-2 {
  align-items: flex-start;
  align-self: center;
  gap: 89px;
  margin-bottom: 10.0px;
  min-height: 130px;
  width: 134px;
}

.landing-page .groupe-403 {
  align-items: flex-end;
  display: flex;
  height: 39px;
  justify-content: space-between;
  margin-left: 57px;
  width: 145px;
}

.landing-page .ellipse-1-copy-4-4 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--peridot);
  border-radius: 19.5px;
  width: 39px;
}

.landing-page .flex-col-3 {
  align-items: flex-start;
  gap: 58px;
  margin-left: 22px;
  min-height: 166px;
  width: 226px;
}

.landing-page .groupe-container {
  align-items: flex-start;
  display: flex;
  margin-right: 0.5px;
  margin-top: 40px;
  min-width: 823px;
}

.landing-page .groupe-402 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 22px;
  display: flex;
  gap: 1px;
  height: 222px;
  justify-content: flex-end;
  min-width: 242px;
  padding: 21px 24px;
}

.landing-page .flex-col-4 {
  align-items: flex-start;
  gap: 15px;
  min-height: 155px;
  width: 151px;
}

.landing-page .centrale-solaire-photovoltaque {
  color: var(--shark);
  font-weight: 400;
  line-height: 20px;
  min-height: 46px;
  white-space: nowrap;
}

.landing-page .groupe-container-1 {
  border-radius: 35px;
  height: 69px;
  position: relative;
  width: 526px;
}

.landing-page .groupe-406 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 35px;
  display: flex;
  height: 69px;
  left: 0;
  /*min-width: 526px;*/
  padding: 19.5px 27px;
  position: absolute;
  top: 0;
}

.landing-page .fleche-1 {
  display: flex;
  height: 16px;
  margin-bottom: 10.94px;
  width: 8px;
}

.landing-page .vector-8 {
  flex: 1;
  margin-bottom: -1.1px;
  margin-left: -0.8px;
  margin-right: -1.1px;
  margin-top: -1.1px;
  object-fit: cover;
  width: 9.84px;
}

.landing-page .fleche-2 {
  display: flex;
  height: 16px;
  margin-bottom: 10.94px;
  margin-left: 18px;
  transform: rotate(180deg);
  width: 8px;
}

.landing-page .vector-9 {
  flex: 1;
  margin-bottom: -1.1px;
  margin-left: -0.8px;
  margin-right: -1.1px;
  margin-top: -1.1px;
  object-fit: cover;
  transform: rotate(-180deg);
  width: 9.84px;
}

.landing-page .ligne-2-1 {
  margin-right: 0.5px;
  margin-top: 39px;
  width: 817px;
}

.landing-page .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 166px;
  margin-right: 0.5px;
  margin-top: 40px;
  min-width: 823px;
}

.landing-page .chauffe-eau-solaire-6 {
  color: var(--shark);
  font-weight: 700;
  line-height: 20px;
  margin-left: 2px;
  min-height: 46px;
  white-space: nowrap;
}

.landing-page .overlap-group2-8 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--peridot);
  border-radius: 19.5px;
  display: flex;
  height: 39px;
  min-width: 39px;
  padding: 5px;
}

.landing-page .overlap-group14 {
  /*align-items: flex-end;*/
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  /*gap: 37px;*/
  /*min-height: 534px;*/
  /*padding: 56px 138.0px;*/
  /*width: 1920px;*/
}


.landing-page .icon-5 {
  align-items: flex-end;
  background-image: url(../img/rectangle-14-1@1x.png);
  height: 35px;
  justify-content: flex-end;
  margin-top: 0;
  min-width: 36px;
  padding: 11.0px 14.0px;
}

.landing-page .icon-6 {
  align-items: flex-start;
  background-image: url(../img/rectangle-14-1@1x.png);
  height: 35px;
  justify-content: flex-end;
  margin-top: 0;
  min-width: 36px;
  padding: 12.1px 11.4px;
}

.landing-page .icon-7 {
  align-items: flex-end;
  background-image: url(../img/rectangle-14-1@1x.png);
  height: 35px;
  justify-content: flex-end;
  margin-top: 0;
  min-width: 36px;
  padding: 11.0px 11.1px;
}

.landing-page .groupe-433 {
  background-image: url(../img/groupe-432@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 40px;
  width: 40px;
}

.landing-page .rectangle-143-3 {
    background-color: var(--supernova);
    height: 6px;
    left: 0;
    position: absolute;
    top: 71px;
}

.landing-page .souligne-ligne {
    background-color: var(--supernova);
    left: 0;
    position: absolute;
}

@media screen and ( min-width: 1400px ) {
    .landing-page .souligne-ligne-ces {
        width: 488px;
        top: 71px;
        height: 6px;
    }
    .landing-page .souligne-ligne-brasseur {
        width: 335px;
        top: 71px;
        height: 6px;
    }
    .landing-page .souligne-ligne-cet {
        width: 295px;
        top: 71px;
        height: 6px;
    }
    .landing-page .souligne-ligne-cet2 {
        width: 450px;
        top: 136px;
        height: 6px;
    }
    .landing-page .souligne-ligne-cspv {
        width: 365px;
        top: 71px;
        height: 6px;
    }
    .landing-page .souligne-ligne-cspv2 {
        width: 375px;
        top: 136px;
        height: 6px;
    }
}

@media screen and ( min-width: 1200px ) and ( max-width: 1399px ){
    .landing-page .souligne-ligne-cspv {
        width: 275px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cspv2 {
        width: 280px;
        top: 136px;
        height: 5px;
    }
}
@media screen and ( min-width: 991px ) and ( max-width: 1199px ){
    .landing-page .souligne-ligne-cspv {
        width: 565px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cspv2 {
        width: 0px;
        top: 136px;
        height: 5px;
    }
}

@media screen and ( min-width: 991px ) and ( max-width: 1399px ){
    .landing-page .souligne-ligne-ces {
        width: 360px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-brasseur {
        width: 250px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cet {
        width: 225px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cet2 {
        width: 340px;
        top: 136px;
        height: 5px;
    }
}


@media screen and ( min-width: 600px ) and ( max-width: 990px ){


    .landing-page .souligne-ligne-ces {
        width: 240px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-brasseur {
        width: 165px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cet {
        width: 150px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cet2 {
        width: 225px;
        top: 136px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cspv {
        width: 375px;
        top: 71px;
        height: 5px;
    }
    .landing-page .souligne-ligne-cspv2 {
        width: 0px;
        top: 136px;
        height: 5px;
    }
}

@media screen and ( max-width: 599px ) {
    .landing-page .souligne-ligne-ces {
        width: 180px;
        top: 35px;
        height: 3px;
    }
    .landing-page .souligne-ligne-brasseur {
        width: 125px;
        top: 35px;
        height: 3px;
    }
    .landing-page .souligne-ligne-cet {
        width: 112px;
        top: 35px;
        height: 3px;
    }
    .landing-page .souligne-ligne-cet2 {
        width: 170px;
        top: 75px;
        height: 3px;
    }
    .landing-page .souligne-ligne-cspv {
        width: 283px;
        top: 35px;
        height: 3px;
    }
    .landing-page .souligne-ligne-cspv2 {
        width: 0px;
        top: 75px;
        height: 3px;
    }
}

.landing-page .service-4 {
  display: flex;
  flex: 1;
  gap: 14px;
}

.maxh150 {
    max-height: 150px;
}
.maxh50 {
    max-height: 50px;
}
.maxh80 {
    max-height: 80px;
}

.menu-footer {
    color: white;
    font-family: var(--font-family-plus_jakarta_sans);
    line-height: normal;
}

.nos-produits-footer {
    align-self: flex-end;
    color: var(--white);
    font-family: var(--font-family-plus_jakarta_sans);
    /*min-height: 182px;*/
}


.adresse-footer {
    color: var(--white);
    font-family: var(--font-family-plus_jakarta_sans);
    font-weight: 400;
    /*height: 112px;*/
    line-height: 30px;
    /*margin-top: 38px;*/
    /*width: 432px;*/
}

.texte-footer {
    color: var(--white);
    font-family: var(--font-family-plus_jakarta_sans);
    font-weight: 400;
    line-height: 30px;
}

.mail {
    align-items: flex-start;
    display: flex;
    gap: 34px;
    /*height: 22px;*/
    /*margin-top: 2px;*/
    /*min-width: 233px;*/
}

.adressemailcom {
    color: var(--white);
    font-weight: 400;
    line-height: 40px;
    margin-top: -7.79px;
    min-height: 22px;
    min-width: 173px;
    text-align: right;
    white-space: nowrap;
}

.landing-page .groupe-435 {
    background-image: url(../img/groupe-434@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 17px;
    margin-top: 0;
    width: 26px;
}

.landing-page .rs {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    /*justify-content: flex-end;*/
    margin-left: 0;
    margin-top: 25px;
    min-width: 122px;
    padding: 0 0.0px;
}

@media screen and (max-width : 576px) {
    .landing-page .overlap-nous-contacter-form {
        align-items: flex-start;
        background-color: var(--supernova);
        border-radius: unset;
        display: flex;
        justify-content: center;
    }

    .texte-intro{
        align-items : center!important;
    }
}