.nos-produits {
  text-decoration: none;
  position: relative;
  font-weight: 300;
  color: inherit;
  display: inline-block;
  min-width: 127px;
}
.services {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xs-9);
}
.showrooms {
  text-decoration: none;
  position: relative;
  font-weight: 300;
  color: inherit;
  display: inline-block;
  min-width: 119px;
}
.services1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xs-9);
}
.decobec-logo-icon {
  height: 39.9px;
  width: 282.1px;
  position: relative;
  object-fit: cover;
}
.cl-en-main {
  text-decoration: none;
  position: relative;
  font-weight: 300;
  color: inherit;
  display: inline-block;
  min-width: 119px;
}
.services2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xs-9);
  text-align: left;
}
.service-design {
  text-decoration: none;
  position: relative;
  font-weight: 300;
  color: inherit;
}
.services3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xs-9);
  text-align: left;
}
.menu,
.products {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.products {
  /*width: 1107.1px;*/
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  gap: var(--gap-xl);
  z-index: 1;
}
.menu {
  width: 1289.5px;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.ensemble-donnons-vie,
.vos-ides-nos {
  margin-block-start: 0;
  margin-block-end: 45px;
}
.ensemble-donnons-vie {
  font-weight: 900;
}
.vos-ides-nos {
  font-size: var(--display-l-bold-size);
}
.prenez-rendez-vous-ds-mainten {
  margin: 0;
  font-size: var(--text-xl-regular-size);
}
.ensemble-donnons-vie-container1 {
  width: 100%;
}
.ensemble-donnons-vie-container {
  height: 236px;
  width: 710px;
  position: relative;
  display: flex;
  align-items: center;
  min-width: 710px;
  max-width: 100%;
}
.prendre-rendez-vous {
  align-self: stretch;
  position: relative;
  font-size: var(--display-l-bold-size);
  font-weight: 500;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: left;
}
.appointment-input,
.phone-number-input {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.appointment-input {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
}
.phone-number-input {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
}
.de-tlphone,
.numro-de-tlphone {
  font-family: var(--text-medium-regular);
  font-size: var(--text-medium-regular-size);
  position: relative;
  line-height: 36px;
}
.numro-de-tlphone {
  align-self: stretch;
  font-weight: 600;
  color: var(--main-white);
  text-align: left;
}
.de-tlphone {
  width: 41px;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 36px;
  color: var(--neutrals-medium-grey);
  text-align: center;
  display: inline-block;
  padding: 0;
}
.form,
.phone-prefixes {
  align-self: stretch;
  display: flex;
}
.phone-prefixes {
  height: 35px;
  background-color: var(--main-white);
  border: 2px solid var(--neutrals-dark-grey);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
}
.form {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.de-tlphone1,
.numro-de-tlphone1 {
  font-family: var(--text-medium-regular);
  font-size: var(--text-medium-regular-size);
  position: relative;
  line-height: 36px;
}
.numro-de-tlphone1 {
  align-self: stretch;
  font-weight: 600;
  color: var(--main-white);
  text-align: left;
}
.de-tlphone1 {
  width: 122px;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 36px;
  color: var(--neutrals-medium-grey);
  text-align: center;
  display: inline-block;
  padding: 0;
}
.de-tlphone-wrapper,
.form1 {
  align-self: stretch;
  display: flex;
}
.de-tlphone-wrapper {
  height: 35px;
  background-color: var(--main-white);
  border: 2px solid var(--neutrals-dark-grey);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
}
.form1 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.de-tlphone2,
.numro-de-tlphone2 {
  font-family: var(--text-medium-regular);
  font-size: var(--text-medium-regular-size);
  position: relative;
  line-height: 36px;
}
.numro-de-tlphone2 {
  align-self: stretch;
  font-weight: 600;
  color: var(--main-white);
  text-align: left;
}
.de-tlphone2 {
  width: 95px;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 36px;
  color: var(--neutrals-medium-grey);
  text-align: center;
  display: inline-block;
  padding: 0;
}
.de-tlphone-container,
.form2 {
  align-self: stretch;
  display: flex;
}
.de-tlphone-container {
  height: 35px;
  background-color: var(--main-white);
  border: 2px solid var(--neutrals-dark-grey);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
}
.form2 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.de-tlphone3,
.numro-de-tlphone3 {
  font-family: var(--text-medium-regular);
  font-size: var(--text-medium-regular-size);
  position: relative;
  line-height: 36px;
}
.numro-de-tlphone3 {
  align-self: stretch;
  font-weight: 600;
  color: var(--main-white);
  text-align: left;
}
.de-tlphone3 {
  width: 129px;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 36px;
  color: var(--neutrals-medium-grey);
  text-align: center;
  display: inline-block;
  padding: 0;
}
.de-tlphone-frame,
.form3 {
  align-self: stretch;
  display: flex;
}
.de-tlphone-frame {
  height: 35px;
  background-color: var(--main-white);
  border: 2px solid var(--neutrals-dark-grey);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
}
.form3 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.de-tlphone4,
.numro-de-tlphone4 {
  position: relative;
  line-height: 36px;
  font-family: var(--text-medium-regular);
}
.numro-de-tlphone4 {
  width: 178px;
  font-size: var(--text-xl-regular-size);
  font-weight: 600;
  color: var(--main-white);
  text-align: left;
  display: none;
}
.de-tlphone4 {
  height: 36px;
  font-size: var(--text-medium-regular-size);
  color: var(--neutrals-medium-grey);
  text-align: center;
  display: inline-block;
}
.frame-div {
  width: 380px;
  height: 35px;
  background-color: var(--main-white);
  border: 2px solid var(--neutrals-dark-grey);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 11px var(--padding-xl);
  white-space: nowrap;
  max-width: 100%;
}
.form4,
.phone-label {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
}
.form4 {
  height: 36px;
  align-items: flex-start;
  gap: var(--gap-3xs);
}
.phone-label {
  align-items: center;
  gap: var(--gap-mini);
}
.soumettre {
  position: relative;
  font-size: var(--text-medium-regular-size);
  line-height: 36px;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: center;
  display: inline-block;
  min-width: 86px;
  padding: 7px;
}
.bouton-envoyer-blanc-soumis {
  cursor: pointer;
  border: 1px solid var(--main-white);
  padding: 3px var(--padding-10xl);
  background-color: transparent;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.bouton-envoyer-blanc-soumis:hover {
  background-color: rgba(230, 230, 230, 0.09);
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.demander-une-soumission {
  margin: 0;
  width: 655px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(40px);
  border-radius: var(--br-3xs) 0 0 var(--br-3xs);
  background: linear-gradient(
    132.63deg,
    rgba(32, 38, 50, 0.78),
    rgba(32, 38, 50, 0.78)
  );
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 44px var(--padding-56xl);
  box-sizing: border-box;
  gap: var(--gap-11xl);
  /* min-width: 655px; */
  max-width: 100%;
}
.hero-section-content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  row-gap: 20px;
  max-width: 100%;
  gap: 0;
  z-index: 1;
  /* text-align: left; */
  font-size: var(--display-xl-regular-size);
  gap:10rem;
}
.header {
  width: 1385px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 331px var(--padding-xl);
  box-sizing: border-box;
  gap: 90.6px;
  max-width: 100%;
  text-align: center;
  font-size: var(--text-xl-regular-size);
  color: var(--main-white);
  font-family: var(--text-medium-regular);
}
.votre-projet-de-container {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
  font-family: inherit;
}
.project-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-56xl) var(--padding-56xl) var(--padding-56xl);
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: var(--display-xl-regular-size);
  color: var(--secondary-dark-blue);
  font-family: var(--text-medium-regular);
}
.decobec-icones-site-web-conse-icon {
  width: 100%;
  height: 168px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.connectez-vous-avec-des,
.rencontre-designer {
  align-self: stretch;
  position: relative;
}
.connectez-vous-avec-des {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.service-benefits,
.service-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.service-benefits {
  align-self: stretch;
  padding: 0 50px;
  gap: var(--gap-lg);
}
.service-icons {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 298px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon1 {
  width: 100%;
  height: 168px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.visualisation-raliste,
.voyez-votre-salle {
  align-self: stretch;
  position: relative;
}
.voyez-votre-salle {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.service-icons1,
.visualisation-raliste-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.visualisation-raliste-parent {
  align-self: stretch;
  padding: 0 50px;
  gap: var(--gap-lg);
}
.service-icons1 {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 298px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon2 {
  width: 100%;
  height: 168px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.solutions-budjtises,
.solutions-lgantes-et {
  align-self: stretch;
  position: relative;
}
.solutions-lgantes-et {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.service-icons2,
.solutions-budjtises-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.solutions-budjtises-parent {
  align-self: stretch;
  padding: 0 50px;
  gap: var(--gap-lg);
}
.service-icons2 {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 298px;
  max-width: 100%;
}
.service-intro,
.votre-projet-de-rnovation-sec {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.votre-projet-de-rnovation-sec {
  flex: 1;
  flex-wrap: wrap;
  gap: var(--gap-31xl);
  z-index: 2;
}
.service-intro {
  align-self: stretch;
  /*padding: 0 var(--padding-56xl);*/
  box-sizing: border-box;
}
.un-service-conu {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.title-votre-projet-de-rnova {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-56xl);
  box-sizing: border-box;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon3 {
  width: 48%;
  /* height: 181px; */
  position: relative;
  object-fit: cover;
  max-width: 181px;
  max-height: 181px;
}
.valuation-des-besoins {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-8xl);
}
.nos-designers-valueront,
.valuation-des-besoins-container {
  align-self: stretch;
  position: relative;
}
.nos-designers-valueront {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.process-icons,
.step-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.step-details {
  align-self: stretch;
  padding: 0 var(--padding-16xl);
  gap: var(--gap-lg);
}
.process-icons {
  flex: 1;
  padding: 5.5px 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
   min-width: 350px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon4 {
  width: 100%;
  height: 148px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.conseils-dexperts1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-8xl);
}
.conseils-dexperts1 li{
  list-style: none;
}
ol li{
  list-style: none;
}
.conseils-dexperts,
.vous-avez-accs {
  align-self: stretch;
  position: relative;
}
.vous-avez-accs {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.conseils-dexperts-parent,
.process-icons1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.conseils-dexperts-parent {
  align-self: stretch;
  padding: 0 var(--padding-16xl);
  gap: var(--gap-lg);
}
.process-icons1 {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 350px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon5 {
  width: 100%;
  height: 170px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.budget-et-planification {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-8xl);
}
.budget-et-planification-container,
.nous-vous-aiderons {
  align-self: stretch;
  position: relative;
}
.nous-vous-aiderons {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.budget-et-planification-parent,
.process-icons2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.budget-et-planification-parent {
  align-self: stretch;
  padding: 0 var(--padding-16xl);
  gap: var(--gap-lg);
}
.process-icons2 {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 350px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon6 {
  width: 44%;
  /* height: 170px; */
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.proposition-de-concept {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-8xl);
}
.nous-crerons-un,
.proposition-de-concept-container {
  align-self: stretch;
  position: relative;
}
.nous-crerons-un {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.process-icons3,
.proposition-de-concept-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proposition-de-concept-parent {
  align-self: stretch;
  padding: 0 var(--padding-16xl);
  gap: var(--gap-lg);
}
.process-icons3 {
  flex: 1;
  gap: var(--gap-3xs);
   min-width: 350px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon7 {
  width: 100%;
  height: 150px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.slection-de-produits {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-8xl);
}
.ensemble-nous-choisirons,
.slection-de-produits-container {
  align-self: stretch;
  position: relative;
}
.ensemble-nous-choisirons {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.process-icons4,
.slection-de-produits-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.slection-de-produits-parent {
  align-self: stretch;
  padding: 0 var(--padding-16xl);
  gap: var(--gap-lg);
}
.process-icons4 {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 350px;
  max-width: 100%;
}
.decobec-icones-site-web-conse-icon8 {
  width: 100%;
  height: 172px;
  position: relative;
  max-width: 181px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 181px;
}
.conception-3d1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-8xl);
}
.conception-3d,
.notre-quipe-de {
  align-self: stretch;
  position: relative;
}
.notre-quipe-de {
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
}
.conception-3d-parent,
.process-icons5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.conception-3d-parent {
  align-self: stretch;
  padding: 0 var(--padding-16xl);
  gap: var(--gap-lg);
}
.process-icons5 {
  flex: 1;
  gap: var(--gap-3xs);
  min-width: 350px;
  max-width: 100%;
}
.design-service-content,
.process-steps,
.un-service-pour-vous-accompagn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.process-steps {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px 104px;
  min-height: 694px;
  font-size: var(--text-xl-regular-size);
  color: var(--main-main-blue);
  padding: 5%;
  
}
.design-service-content,
.un-service-pour-vous-accompagn {
  flex-direction: column;
}
.un-service-pour-vous-accompagn {
  align-self: stretch;
  background-color: var(--neutrals-light-grey);
  overflow: hidden;
  padding: var(--padding-81xl) var(--padding-56xl) 137px;
  box-sizing: border-box;
  gap: 100px;
  font-size: var(--display-xl-regular-size);
  color: var(--secondary-dark-blue);
}
.design-service-content {
  width: 1440px;
}
.decobec-logo-animation-1 {
  align-self: stretch;
  flex: 1;
  position: relative;
  z-index: 1;
}
.animation,
.design-service {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.animation {
  height: 780px;
  width: 657.8px;
  flex-direction: column;
  padding: 312px 0 0;
  box-sizing: border-box;
  margin-left: -879px;
}
.design-service {
  align-self: stretch;
  flex-direction: row;
  text-align: center;
  font-size: var(--text-xl-regular-size);
  color: var(--main-main-blue);
  font-family: var(--text-medium-regular);
}
.decobec-ipad-mockup-1-icon {
  height: 100%;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 580px;
}
.pour-seulement,
.profitez-du,
.service-design1 {
  font-family: var(--text-medium-regular);
}
.profitez-du-service-design-pou {
  color: var(--main-black);
}
.b {
  font-family: var(--text-medium-regular);
  color: #d16612;
}
.span {
  text-decoration: line-through;
}
.profitez-du-service-container {
  align-self: stretch;
  position: relative;
}
.dcouvrir-nos-produits,
.les-frais-de {
  position: relative;
  font-size: var(--text-xl-regular-size);
}
.les-frais-de {
  align-self: stretch;
}
.dcouvrir-nos-produits {
  font-weight: 300;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: center;
}
.cta-small-blue {
  cursor: pointer;
  border: 0;
  padding: 19px var(--padding-21xl);
  background-color: var(--main-main-blue);
  flex: 1;
  display: flex;
  place-content: center;
  flex-direction: row;
  align-items: flex-start;
  /*justify-content: flex-start;*/
  white-space: nowrap;
}
.cta-blue-no-size-variation:hover,
.cta-small-blue:hover {
  background-color: var(--color-royalblue);
}
.product-button,
.product-c-t-a {
  flex-direction: row;
  box-sizing: border-box;
}
.product-button {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.5px 21px;
  max-width: 100%;
  cursor: pointer;
}
.product-c-t-a {
  align-self: stretch;
  padding: 0 46px 0 45px;
}
.design-offer,
.offer-content,
.offer-description,
.offer-details,
.product-c-t-a {
  display: flex;
  align-items: flex-start;
  /* justify-content: flex-start; */
  max-width: 100%;
}
.offer-description {
  align-self: stretch;
  flex-direction: column;
  gap: 75px;
}
.design-offer,
.offer-content,
.offer-details {
  box-sizing: border-box;
}
.offer-details {
  width: 421.8px;
  flex-direction: column;
  padding: var(--padding-81xl) 0 0;
  min-width: 421.8px;
}
.design-offer,
.offer-content {
  flex-direction: row;
}
.offer-content {
  width: 1385.1px;
  padding: 0 var(--padding-xl) 0 0;
  gap: 50.3px;
}
.design-offer {
  align-self: stretch;
  padding: 0 0 100px;
  text-align: center;
  font-size: var(--display-l-bold-size);
  color: var(--main-black);
  font-family: var(--text-medium-regular);
}
.nos-ralisations {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.realizations-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 74px var(--padding-81xl) 76px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: var(--display-xl-regular-size);
  color: var(--secondary-dark-blue);
  font-family: var(--text-medium-regular);
}
.projet-simard-icon,
.projet-tboul-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.projet-simard-icon {
  height: 332px;
  flex-shrink: 0;
}
.projet-tboul-icon {
  flex: 1;
  max-height: 100%;
}
.project-names {
  height: 836px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-mini);
  max-width: 100%;
}
.projet-bourr-icon,
.projet-hervieux-icon,
.projet-mass-icon {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.projet-bourr-icon {
  min-height: 836px;
}
.projet-hervieux-icon,
.projet-mass-icon {
  align-self: stretch;
  flex: 1;
}
.project-names1 {
  height: 836px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-mini);
  max-width: 100%;
}
.projet-dion-icon,
.projet-vendette-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.projet-dion-icon {
  height: 273px;
  flex-shrink: 0;
}
.projet-vendette-icon {
  flex: 1;
  max-height: 100%;
}
.project-names2,
.projects {
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.project-names2 {
  height: 836px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-mid);
}
.projects {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  padding: 0 0 var(--padding-81xl);
  box-sizing: border-box;
  gap: var(--gap-mini);
  grid-template-columns: repeat(4, minmax(262px, 1fr));
}
.votre1 {
  font-size: var(--font-size-41xl);
}
.span1 {
  font-size: var(--font-size-56xl);
}
.votre {
  font-family: var(--text-medium-regular);
}
.projet {
  font-weight: 600;
}
.votre-projet {
  margin-block-start: 0;
  margin-block-end: 25px;
}
.notre1 {
  font-size: var(--font-size-41xl);
}
.span2 {
  font-size: var(--font-size-56xl);
}
.notre {
  font-family: var(--text-medium-regular);
}
.expertise {
  font-weight: 600;
}
.notre-expertise {
  margin: 0;
}
.votre-projet-notre-expertise-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.phone-icon-blue-1 {
  /* height: 36.6px; */
  width: 20px;
  position: relative;
  object-fit: cover;
}
.contact-details {
  position: relative;
  font-weight: 300;
  display: inline-block;
  min-width: 129px;
}
.cta-small-end-note-phone {
  border: 1px solid var(--main-main-blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-smi) var(--padding-11xl);
  gap: var(--gap-mini);
}
.contact-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.phone-icon-blue-11 {
  /* height: 36.6px; */
  width: 36px;
  position: relative;
  object-fit: cover;
}
.contactdecobeccom {
  position: relative;
  font-weight: 300;
  white-space: nowrap;
}
.cta-small-end-note-email {
  border: 1px solid var(--main-main-blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-smi) var(--padding-11xl);
  gap: var(--gap-mini);
}
.contact-buttons1,
.contact-options {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  /* justify-content: center; */
}
.contact-options {
  gap: var(--gap-11xl);
  max-width: 100%;
}
.de-votre-projet,
.en-choisissant-decobec,
.est-gre-par,
.la-tranquillit-desprit,
.vous-bnficiez-dun {
  margin-block-start: 0;
  /* margin-block-end: 32px; */
}
.et-commencez {
  margin: 0;
}
.en-choisissant-decobec-container {
  position: relative;
  font-size: var(--text-large-semibold-size);
  font-weight: 300;
  color: var(--main-black);
  display: inline-block;
  min-width: 526px;
  max-width: 100%;
}
.contact-info,
.end-note1 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
}
.contact-info {
  flex-direction: row;
  padding: 0;
  gap: 60px;
  font-size: var(--text-xl-regular-size);
}
.end-note1 {
  flex: 1;
  flex-direction: column;
  padding: 0 var(--padding-xl);
  gap: 32px;
}
.aimeriez-vous-obtenir,
.end-note,
.prt-passer {
  font-family: var(--text-medium-regular);
  text-align: left;
}
.end-note {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-56xl) var(--padding-81xl);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-41xl);
  color: var(--main-main-blue);
}
.aimeriez-vous-obtenir,
.prt-passer {
  position: relative;
  color: var(--main-white);
}
.prt-passer {
  align-self: stretch;
  font-size: var(--display-l-bold-size);
}
.aimeriez-vous-obtenir {
  font-size: var(--text-large-semibold-size);
  font-weight: 600;
}
.radiobutton-child {
  height: 20px;
  width: 20px;
  position: relative;
  min-height: 20px;
}
.radio-button {
  position: relative;
  font-size: var(--text-medium-regular-size);
  line-height: 20px;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: left;
}
.radiobutton {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.radiobutton-item {
  height: 20px;
  width: 20px;
  position: relative;
  min-height: 20px;
}
.radio-button1 {
  position: relative;
  font-size: var(--text-medium-regular-size);
  line-height: 20px;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: left;
}
.radiobutton1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.radiobutton-inner {
  height: 20px;
  width: 20px;
  position: relative;
  min-height: 20px;
}
.radio-button2 {
  position: relative;
  font-size: var(--text-medium-regular-size);
  line-height: 20px;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: left;
}
.radiobutton2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.group-icon {
  height: 20px;
  width: 20px;
  position: relative;
  min-height: 20px;
}
.radio-button3 {
  position: relative;
  font-size: var(--text-medium-regular-size);
  line-height: 20px;
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: left;
}
.radiobutton3 {
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.input-labels,
.options,
.radio-buttons,
.radiobutton3 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.radio-buttons {
  flex: 1;
  justify-content: space-between;
  min-width: 683px;
  max-width: 100%;
  gap: 12.67px;
}
.input-labels,
.options {
  justify-content: flex-start;
}
.options {
  align-self: stretch;
  flex-wrap: wrap;
  gap: var(--gap-6xl);
  max-width: 100%;
}
.input-labels {
  flex: 0.7722;
}
.input-labels,
.input-labels1,
.input-labels2 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: var(--main-white);
  height: 38px;
  padding: var(--padding-3xs) var(--padding-6xl);
  box-sizing: border-box;
  font-family: var(--text-medium-regular);
  font-size: var(--font-size-mini);
  color: var(--neutrals-dark-grey);
  min-width: 262px;
  max-width: 285px;
}
.input-labels1 {
  flex: 0.481;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.input-labels2 {
  flex: 1;
}
.fields,
.form-options,
.input-labels2,
.input-labels3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.input-labels3 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: var(--main-white);
  height: 38px;
  flex: 0.7468;
  padding: var(--padding-3xs) var(--padding-6xl);
  box-sizing: border-box;
  font-family: var(--text-medium-regular);
  font-size: var(--font-size-mini);
  color: var(--neutrals-dark-grey);
  min-width: 262px;
  max-width: 285px;
}
.fields,
.form-options {
  align-self: stretch;
  gap: var(--gap-31xl);
}
.form-options {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-6xl);
  max-width: 100%;
}
.prendre-rendez-vous1 {
  position: relative;
  font-size: var(--text-xl-regular-size);
  font-family: var(--text-medium-regular);
  color: var(--main-white);
  text-align: center;
}
.cta-blue-no-size-variation {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini) var(--padding-21xl);
  background-color: var(--main-main-blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.form-heading,
.pre-footer {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.form-heading {
  margin: 0;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 35px;
}
.hero-section-image {
  width: 100%;
  height: 900px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.propos {
  margin-block-start: 0;
  margin-block-end: 25px;
  font-size: var(--text-xl-regular-size);
}
.nous-connatre,
.nous-contacter,
.service-cl-en,
.service-design2 {
  margin-block-start: 0;
  margin-block-end: 25px;
  line-height: 20px;
}
.foire-aux-questions {
  margin: 0;
  line-height: 20px;
}
.propos-nous-connatre-service-container {
  align-self: stretch;
  height: 144px;
  position: relative;
  display: inline-block;
}
.propos-nous-connatre-service-container p{
  margin-bottom: 5px;
}
.new-apchq-coul-1-icon {
  width: 100%;
  height: 45px;
  position: relative;
  max-width: 132px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  max-height: 45px;
}
.propos-nous-connatre-service-parent {
  flex: 1;
  /* display: flex; */
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  min-width: 232px;
  max-width: 309px;
}
.liens-utiles {
  margin-block-start: 0;
  margin-block-end: 25px;
  font-size: var(--text-xl-regular-size);
}
.conditions-dutilisation,
.options-de-livraisons,
.politique-de-confidentialit,
.politique-de-retours {
  margin-block-start: 0;
  margin-block-end: 25px;
  line-height: 20px;
}
.politique-meilleur-prix {
  margin: 0;
  line-height: 20px;
}
.liens-utiles-options-container {
  height: 209px;
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 232px;
  max-width: 309px;
}
.liens-utiles-options-container p{
  margin-bottom: 5px;
}
.nos-produits1 {
  margin-block-start: 0;
  margin-block-end: 25px;
  font-size: var(--text-xl-regular-size);
}
.armoires-lingerie,
.bains,
.douches,
.meubles-lavabos,
.miroir-pharmacies,
.robinetterie {
  margin-block-start: 0;
  margin-block-end: 25px;
  line-height: 20px;
}
.toilettes {
  margin: 0;
  line-height: 20px;
}
.nos-produits-bains-douches-rob-container {
  height: 209px;
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 232px;
  max-width: 309px;
}
.nos-produits-bains-douches-rob-container p{
  margin-bottom: 5px;
}
.contactdecobeccom1,
.pour-nous-joindre {
  margin-block-start: 0;
  margin-block-end: 25px;
}
.pour-nous-joindre {
  font-size: var(--text-xl-regular-size);
}
.contactdecobeccom1 {
  line-height: 20px;
}
.span3,
.terrebonne {
  line-height: 20px;
}
.a {
  color: inherit;
}
.terrebonne-514-405-4637 {
  margin-block-start: 0;
  margin-block-end: 25px;
}
.saint-hubert,
.span4 {
  line-height: 20px;
}
.a1 {
  color: inherit;
}
.saint-hubert-450-445-4000 {
  margin: 0;
}
.pour-nous-joindre-container {
  align-self: stretch;
  position: relative;
}
.pour-nous-joindre-container p{
  margin-bottom: 5px;
}
.facebook-logo-secondary-1-icon {
  height: 35px;
  /* width: 48px; */
  position: relative;
  object-fit: cover;
}
.facebook {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.instagram-glyph-white-1-icon {
  /* width: 48px; */
  height: 35px;
  position: relative;
  object-fit: cover;
}
.instagram {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.li-in-bug-white-1-icon {
  /* width: 48px; */
  height: 35px;
  position: relative;
  object-fit: cover;
}
.linked-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.yt-icon-mono-dark-1 {
  /* width: 48px; */
  height: 35px;
  position: relative;
  object-fit: cover;
}
.youtube {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.facebook-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.pour-nous-joindre-contactdeco-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-mini);
  min-width: 232px;
  max-width: 309px;
}
.footer-content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.copyright-decobec,
.licence-rbq {
  position: relative;
  line-height: 20px;
}
.licence-rbq {
  color: var(--main-white);
  text-align: center;
}
.copyright {
  width: 760px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  max-width: 100%;
  color: var(--neutrals-dark-grey);
}
.footer-1440,
.root {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
.footer-1440 {
  align-self: stretch;
  background-color: var(--secondary-dark-blue);
  align-items: flex-start;
  padding: var(--padding-11xl) var(--padding-56xl) var(--padding-mini);
  gap: var(--gap-31xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--text-medium-regular-size);
  color: var(--main-white);
  font-family: var(--text-medium-regular);
}
.root {
  width: 100%;
  position: relative;
  background-color: var(--main-white);
  align-items: flex-end;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (min-width: 1920px) {
.process-icons {

   min-width: 372px;
}
   .design-service-content{
     width: 100%;
   }
   .offer-content {
     width: 1617.1px;
     padding: 0 var(--padding-xl) 0 0;
     gap: 124.3px;
   }
  }
@media screen and (max-width: 1350px) {
  .demander-une-soumission,
  .ensemble-donnons-vie-container {
    flex: 1;
  }
  .hero-section-content {
    /* flex-wrap: wrap; */
    justify-content: center;
  }
  .title-votre-projet-de-rnova {
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }
  .fields,
  .radio-buttons {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1125px) {
  .products {
    flex-wrap: wrap;
  }
  .header {
    padding-bottom: 215px;
    box-sizing: border-box;
  }
  .un-service-pour-vous-accompagn {
    padding-top: var(--padding-46xl);
    padding-bottom: 89px;
    box-sizing: border-box;
  }
  .offer-details {
    flex: 1;
  }
  .offer-content {
    flex-wrap: wrap;
  }
  .projects {
    padding-bottom: var(--padding-46xl);
    box-sizing: border-box;
    justify-content: center;
    grid-template-columns: repeat(2, minmax(262px, 453px));
  }
  .contact-options,
  .en-choisissant-decobec-container {
    flex: 1;
  }
  .contact-info {
    flex-wrap: wrap;
    gap: var(--gap-11xl);
  }
  .radio-buttons {
    min-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .hero-section-content {
    gap: 0rem !important;
  }
  .ensemble-donnons-vie-container {
    min-width: 100%;
  }
  .phone-number-input {
    gap: 83px;
  }
  .demander-une-soumission {
    gap: var(--gap-mini);
    padding: var(--padding-10xl) var(--padding-18xl);
    box-sizing: border-box;
    min-width: 100%;
  }
  .header {
    gap: 45px;
    padding-bottom: 140px;
    box-sizing: border-box;
  }
  .votre-projet-de-container {
    font-size: 32px;
  }
  .project-title {
    padding-left: var(--padding-18xl);
    padding-right: var(--padding-18xl);
    box-sizing: border-box;
  }
  .votre-projet-de-rnovation-sec {
    gap: 0px;
  }
  .service-icons {
    min-width:0px ;
  }
  .service-intro {
    /*padding-left: var(--padding-18xl);*/
    /*padding-right: var(--padding-18xl);*/
    box-sizing: border-box;
  }
  .un-service-conu {
    font-size: var(--font-size-13xl);
  }
  .process-steps {
    gap: 5rem;
  }
  .un-service-pour-vous-accompagn {
    gap: var(--gap-31xl);
    padding: var(--padding-23xl) var(--padding-18xl) 58px;
    box-sizing: border-box;
  }
  .design-service-content {
    gap: 247px;
  }
  .decobec-ipad-mockup-1-icon,
  .offer-details {
    min-width: 100%;
  }
  .offer-content {
    gap: var(--gap-6xl);
  }
  .design-offer {
    padding-bottom: 50px;
    box-sizing: border-box;
  }
  .nos-ralisations {
    font-size: var(--font-size-13xl);
  }
  .process-icons {
    min-width: 235px;
  }

  .realizations-title {
    padding-left: 38px;
    padding-right: var(--padding-18xl);
    box-sizing: border-box;
  }
  .projet-bourr-icon {
    width: 100%;
  }
  .projects {
    padding-bottom: var(--padding-23xl);
    box-sizing: border-box;
    grid-template-columns: minmax(262px, 1fr);
  }
  .votre-projet-notre-expertise-container {
    font-size: 48px;
  }
  .contact-options,
  .en-choisissant-decobec-container {
    min-width: 100%;
  }
  .en-choisissant-decobec-container p{
    margin-bottom: 0px !important;
  }
  .end-note1 {
    gap: 16px;
  }
  .end-note {
    padding-left: var(--padding-18xl);
    padding-right: var(--padding-18xl);
    padding-bottom: var(--padding-46xl);
    box-sizing: border-box;
  }
  .fields {
    gap: var(--gap-6xl);
  }
  .form-heading {
    gap: var(--gap-mid);
  }
  .pre-footer {
    padding-left: var(--padding-18xl);
    padding-right: var(--padding-18xl);
    box-sizing: border-box;
  }
  .copyright {
    flex-wrap: wrap;
  }
  .footer-1440 {
    gap: var(--gap-6xl);
    padding-left: var(--padding-18xl);
    padding-right: var(--padding-18xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .cl-en-main,
  .ensemble-donnons-vie-container,
  .nos-produits,
  .service-design,
  .showrooms {
    font-size: var(--text-medium-regular-size);
  }
   .process-steps {
    gap: 25px;
  }
  .prendre-rendez-vous {
    font-size: var(--font-size-lgi);
  }
  .phone-number-input {
    gap: 42px;
  }

  .numro-de-tlphone4 {
    font-size: var(--text-medium-regular-size);
    line-height: 29px;
  }
  .header {
    gap: 23px;
  }
  .votre-projet-de-container {
    font-size: 32px;
  }
  .visualisation-raliste-parent,
  .service-benefits,
  .solutions-budjtises-parent {
    padding: 0 25px;
  }
  .rencontre-designer,
  .solutions-budjtises,
  .visualisation-raliste {
    font-size: var(--text-medium-regular-size);
  }
  .un-service-conu {
    font-size: var(--display-l-bold-size);
  }
  .valuation-des-besoins-container {
    font-size: var(--text-medium-regular-size);
  }
  .process-icons {
    min-width: 100%;
  }
  .conseils-dexperts {
    font-size: var(--text-medium-regular-size);
  }
  .process-icons1 {
    min-width: 100%;
  }
  .budget-et-planification-container {
    font-size: var(--text-medium-regular-size);
  }
  .process-icons2 {
    min-width: 100%;
  }
  .proposition-de-concept-container {
    font-size: var(--text-medium-regular-size);
  }
  .process-icons3 {
    min-width: 100%;
  }
  .slection-de-produits-container {
    font-size: var(--text-medium-regular-size);
  }
  .process-icons4 {
    min-width: 100%;
  }
  .conception-3d {
    font-size: var(--text-medium-regular-size);
  }
  .service-intro, .votre-projet-de-rnovation-sec {
    flex-direction: column;
  }
  .votre-projet-de-rnovation-sec {
    gap: 35px;
  }
  .process-icons5 {
    min-width: 100%;
  }
  .un-service-pour-vous-accompagn {
    gap: 50px;
  }
  .design-service-content {
    gap: 80px;
  }
  .profitez-du-service-container {
    font-size: var(--font-size-lgi);
  }
  .les-frais-de {
    font-size: var(--text-medium-regular-size);
  }
  .product-c-t-a {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .offer-description {
    gap: 37px;
  }
  .offer-details {
    padding-top: var(--padding-46xl);
    box-sizing: border-box;
  }
  .nos-ralisations {
    font-size: var(--display-l-bold-size);
  }
  .votre-projet-notre-expertise-container {
    font-size: 36px;
  }
  .contact-details,
  .contactdecobeccom {
    font-size: var(--text-medium-regular-size);
  }
  .cta-small-end-note-email {
    flex-wrap: wrap;
  }
  .prt-passer {
    font-size: var(--font-size-lgi);
  }
  .input-labels,
  .input-labels1,
  .input-labels3 {
    flex: 1;
  }
  .pre-footer {
    padding-top: var(--padding-30xl);
    padding-bottom: var(--padding-30xl);
    box-sizing: border-box;
  }
  .facebook-parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}