@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
body {
  /* font-family: Questrial, sans-serif !important; */
  font-family: "Poppins", sans-serif !important;
  background-color: #f8fbff;
  color: #323d41;
  font-size: 12px !important;
  font-weight: 400 !important;
}
@font-face {
  font-family: "amstagram";
  src: url("Amstagram.ttf");     
  font-display: swap; 
} 
.container {
  max-width: 1400px !important;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}
h3{
  font-family: "Poppins", sans-serif !important;
}
html{
  scroll-behavior: smooth;
}
body {
  background-color: #fff;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

a {
  color: inherit;
}

body {
  background-color: #fff;
}

.background-footer {
  background-color: #D10F49 !important;
  padding-bottom: 3rem;
}

.top-img-footer {
  position: relative;
  bottom: -70px;
}

.desc-footer {
  color: white;
  font-weight: 300;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.045em;
}

.rs-elhoo li a {
  background-color: white;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: solid 1px white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  -webkit-transition: .3s;
  transition: .3s;
}

.action_tablette{
  display: none;

}
.rs-elhoo li a:hover {
  background-color: #D10F49;
}

.rs-elhoo li a:hover svg path {
  fill: white;
}

.rs-elhoo li {
  border-radius: 50%;
}

.contact-elhoo h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.045em;
  color: #FFFFFF !important;
  margin-top: 15px;
}

.contact-elhoo a {
  font-weight: 300;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #FFFFFF !important;
}

.contact-elhoo p strong {
  font-weight: 700;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #FFFFFF;
}

.contact-elhoo a {
  font-weight: 300;  
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.contact-elhoo a:hover {
  color: #e2e5e6;
}

.newsletter-footer a {
  background: #333E42;
  -webkit-box-shadow: 0px 4px 14px rgba(209, 15, 73, 0.25);
          box-shadow: 0px 4px 14px rgba(209, 15, 73, 0.25);
  border-radius: 50px;
  color: white;
  border: solid 1px #333E42;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.12em;
  -webkit-transition: .3s;
  transition: .3s;
  width: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
}

.newsletter-footer a:hover {
  border: solid 1px #333E42;
  background-color: white;
  color: #333E42 !important;
}

.newsletter-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.newsletter-footer input {
  height: 36px;
  width: 100%;
  border: solid 1px white;
  border-radius: 3px;
  margin-top: 8px;
  background: white;
  padding-left: 8px !important;
}

.newsletter-footer input:focus {
  outline: none;
}

.copyright-elhoo {
  background-color: #D10F49 !important;
}

.copyright-elhoo p {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.045em;
  color: white;
}

.newsletter-footer .mat-form-field {
  background: unset !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: unset !important;
}

.mat-form-field-infix {
  padding: 0 !important;
}

.footer {
  background: #D10F49;
  color: #FFFFFF !important;
  padding-top: 4rem;
  padding-bottom: 3rem;
}

.mat-form-field-infix {
  padding: 0px !important;
}

@media (max-width: 575.98px) {
  .background-footer > div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px !important;
    padding-top: 20px;
  }
  .logo-footer-elho > div {
    padding-top: 35px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .rs-elhoo {
    padding-bottom: 0.5rem !important;
    padding-top: 0rem !important;
  }
}

a:hover, a:not([href]):not([class]):hover {
  color: white !important;
}

footer a:hover {
  color: #e2e5e6 !important;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

body {
  background-color: #fff;
}

.top-backgound {
  background: url("../contents/assets/top-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 261px;
  padding-top: 82px;
}

.top-backgound h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound a {
  letter-spacing: 1.25px;
  font-weight: 300;
  font-size: 12.5px;
  line-height: 25px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound span {
  margin-left: 10px;
  margin-right: 10px;
}

.temoignent h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  margin-bottom: 100px;
}

.temoignent .blog-temoignage {
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px;
  padding-left: 10px;
  padding-right: 50px;
}

.temoignent h2 {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  font-weight: 600;
  font-size: 12px;
}

.temoignent p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 25px;
}

/** blog **/
.blog-circle {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  padding-right: 15px;
  height: 120px;
  padding-left: 32px;
}

a:hover .blog-circle {
  background: #D10F49;
}

a:hover .blog-circle h3 {
  color: white;
}

a:hover .blog-circle p {
  color: white;
}

a:hover .blog-circle a {
  color: white;
}

a:hover .blog-circle .circle {
  background: #FFFFFF;
  -webkit-box-shadow: 6px 4px 49px #ffffff80;
          box-shadow: 6px 4px 49px #ffffff80;
}

a:hover .blog-circle .circle svg path {
  fill: #ffffff;
}

a:hover .blog-circle span svg path {
  stroke: #fff;
}

.first-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.plan p {
  margin-bottom: 0px;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Avant Garde";
}

.plan a {
  margin-bottom: 0px;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
}

.plan h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 27px;
  color: #333E42;
}

.elhoo-partout-titre h1 {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.01em;
  font-family: 'Poppins', sans-serif !important;
  color: #333E42;
  line-height: 39px;
  margin-bottom: 20px !important;
}

.elhoo-partout-titre p {
  font-weight: 400;
  font-size: 13px;
  font-family: 'Poppins', sans-serif !important;
  color: #333E42;
}

.circle {
  width: 42px;
  height: 42px;
  background-color: #E887A4;
  -webkit-box-shadow: 4px 4px 10px rgba(209, 15, 73, 0.3);
          box-shadow: 4px 4px 10px rgba(209, 15, 73, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}

.blog-actions h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  text-align: center;
  font-family: 'Poppins', sans-serif !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
  margin-top: 40px;
}

/** end blog **/
.question .back-qr {
  position: absolute;
  left: 0;
  width: 610px;
}

.question .card-header{
  /* background-color: #d10e49;
    */
  box-shadow: 0px 0px 38px rgb(193 216 228 / 25%);
  background-color: #fff;
  color: #333E42;
  border-radius: 40px;
  margin-bottom: 10px;
  padding: 0;
}
.question .card-body{
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.45px;
  font-weight: 400;
  padding-left: 45px;
  padding-top: 5px;
  padding-bottom: 30px;
}
.question .card-header button{
  text-transform: capitalize;
  color: #333E42 ;
  font-weight: 600;
  letter-spacing: 0.45px;
  font-size: 14px;
  text-decoration: none;
}

.question .text-faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.question h1 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 42px;
  color: #D10F49;
  margin-bottom: 8px;
}

.question h2 {
  letter-spacing: 0.01em;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  color: #333E42;
  margin-bottom: 35px;
  line-height: 39px;
}

.question a.btn {
  font-weight: 400;
  font-family: "Poppins", sans-serif !important;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  background-color: #D10F49;
  border: solid 1px #D10F49;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50px;
  width: 148px;
  text-align: center;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.question a.btn:hover {
  color: #D10F49;
  background-color: #FFFFFF;
  border: solid 1px #D10F49;
}

.question .text-faq {
  background: url("../contents/assets/back-qr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 342px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* align-items: center; */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 52px;
  padding-top: 20px;
}

.question .mat-expansion-panel {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 38px rgba(193, 216, 228, 0.25);
          box-shadow: 0px 0px 38px rgba(193, 216, 228, 0.25);
  border-radius: 40px !important;
}

.question .mat-expansion-panel-header-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  padding-left: 40px;
}

.question p {
  font-weight: 400;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.mat-expansion-panel-content {
  font-weight: 400;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.first-panel a {
  background: #D10F49;
  -webkit-box-shadow: 0px 0px 38px rgba(33, 54, 95, 0.1);
          box-shadow: 0px 0px 38px rgba(33, 54, 95, 0.1);
  border-radius: 40px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0px;
  height: 68px !important;
}

.first-panel a span {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
  font-family: "Poppins", sans-serif !important;
  padding-left: 40px;
  letter-spacing: 0.045em;
}

.first-panel a p {
  font-weight: 400;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  padding-left: 0px !important;
}

.first-panel a .mat-expansion-panel-header-description, .first-panel a .mat-expansion-indicator::after {
  color: white;
}

.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  background-color: #D10F49 !important;
}

.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title {
  color: #fff !important;
}

.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover {
  background-color: #D10F49 !important;
}

.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover .mat-expansion-panel-header-title {
  color: #fff !important;
}

@media (max-width: 575.98px) {
  .top-backgound h1 {
    font-size: 24px;
    line-height: 40px;
    margin-left: 16px;
  }
  .top-backgound {
    height: 290px;
  }
  .question {
    padding-top: 0rem !important;
  }
  .question .text-faq {
    height: 290px;
    padding-left: 52px;
    padding-top: 37px;
    margin-bottom: 20px;
  }
  .first-panel a {
    padding-left: 0px;
    height: 52px !important;
  }
  .first-panel a span {
    font-size: 13px;
  }
  mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header {
    height: 52px !important;
  }
  .question .mat-expansion-panel-header-title {
    font-size: 13px;
    line-height: 18px;
  }
  .blog-actions h1 {
    font-size: 23px;
    line-height: 39px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .question h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  .action > div {
    padding: 0px !important;
  }
  .temoignent h1 {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 24px;
  }
  .temoignent .blog-temoignage {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    text-align: center;
  }
}

.container-fluid {
  max-width: 100% !important;
  background: none;
  background-size: 68%;
}

.container-fluid .above-header {
  height: 369px;
}

.container-fluid .above-header .wel_semi_ellipse {
  position: relative;
  top: -61px;
}

.container-fluid .above-header h1 {
  padding-left: 21%;
  padding-top: 6%;
}

.container-fluid .above-header p {
  padding-left: 21%;
}

.container-fluid .above-header .wel_dashboard {
  position: absolute;
  top: 15%;
}

.container-fluid a.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 14px;
  padding: 11px 20px;
  letter-spacing: 2px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 24px !important;
}

.container-fluid a.btn:hover {
  background-color: #323d41 !important;
  border-color: #323d41 !important;
}

.container-fluid h1 {
  font-weight: 700;
  color: black;
}

.container-fluid .question {
  background: #FFFFFF;
  height: auto;
}

.container-fluid .question .wel_ellipse_about {
  position: absolute;
  width: 538px;
}

.container-fluid .question .faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 79px;
  z-index: 1;
  position: relative;
}

.container-fluid .question .faq h2 {
  color: #d22254;
  font-weight: 700;
}

.container-fluid .question .faq h1 {
  color: black;
  font-weight: 700;
}

.container-fluid .question .faq a.btn {
  width: 222px;
}

.container-fluid .question .hide {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d22254;
  color: #FFFFFF;
  padding: 24px;
}

.container-fluid .question .hide span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.container-fluid .question .hide:after {
  content: '-';
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
}

.container-fluid .question .show {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 40px;
  padding: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d22254;
  color: #FFFFFF;
}

.container-fluid .question .show span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.container-fluid .question .show:after {
  content: '+';
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
}

.container-fluid .question .content .mat-expansion-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  background: #FFFFFF;
  height: 64px;
  border-radius: 40px;
  -webkit-transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

.container-fluid .question .content .mat-expansion-panel-header {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.container-fluid .question .content .mat-expansion-panel {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.container-fluid .solution {
  background-color: #FFFFFF;
}

.container-fluid .solution .row {
  background-color: #f2f5fa;
}

.container-fluid .solution .wel_semi_ellipse3,
.container-fluid .solution .wel_semi_ellipse4 {
  width: 100%;
}

.container-fluid .solution .card {
  height: 167px;
  width: 445px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: revert;
          flex-direction: revert;
}

.container-fluid .solution .card h5 {
  font-weight: 700;
}

.container-fluid .solution .card .picto {
  width: 60px;
  height: 60px;
  background-color: #e887a4;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-fluid .temoignage {
  background: #FFF;
}

.container-fluid .temoignage .user {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  padding: 20px;
}

.container-fluid .temoignage .user .user-text {
  max-width: 465px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.container-fluid .temoignage .user .user-picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-fluid .temoignage .user h3 {
  font-weight: 700;
}

.container-fluid .temoignage .user ul li {
  list-style: none;
  display: inline-block;
}

.container-fluid .footer {
  background: #FFF;
}

.container-fluid .footer .logo {
  position: absolute;
  left: 29%;
  top: -37%;
}

.container-fluid .footer h2 {
  font-weight: 700;
}

.container-fluid .footer ul li {
  display: inline-block;
  list-style: none;
}

.container-fluid .footer li {
  padding-right: 29px;
}

.container-fluid .footer li span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px rgba(209, 15, 73, 0.25);
          box-shadow: 0px 4px 13px rgba(209, 15, 73, 0.25);
}

.container-fluid .footer .row {
  background-color: #f2f5fa;
}

.container-fluid .footer mat-form-field.mat-form-field {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #ffffff;
}

.container-fluid .footer a,
.container-fluid .footer a:hover {
  color: black;
  text-decoration: none;
}

.container-fluid .footer .hr {
  background-color: #C1D8E4;
  width: 1254px;
  height: 2px;
  margin: 20px 0px;
}

.container-fluid .footer .copyright {
  color: #C1D8E4;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

body {
  background-color: #fff;
}

a {
  color: inherit;
}

.top-backgound {
  background: url("../contents/assets/top-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 261px;
  padding-top: 82px;
}

.top-backgound h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  padding-left: 15px;
}

.top-backgound a {
  letter-spacing: 1.25px;
  font-weight: 300;
  font-size: 12.5px;
  line-height: 25px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound span {
  margin-left: 10px;
  margin-right: 10px;
}

.temoignent h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  margin-bottom: 100px;
}

.temoignent .blog-temoignage {
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px;
  padding-left: 10px;
  padding-right: 50px;
}

.temoignent h2 {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  font-weight: 600;
  font-size: 12px;
}

.temoignent p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 25px;
}
#titre_offres h2{
  font-size: 25px;
}
.conditions-generales h2 {
  color: #d10f49;
  font-size: 16px !important;
  padding-top: 1rem;
}

.conditions-generales p {
  font-weight: 400;
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

a {
  color: inherit;
}

body {
  background-color: #fff;
}

.top-backgound {
  background: url("../contents/assets/top-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 261px;
  padding-top: 82px;
}

.top-backgound h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  padding-left: 15px;
}

.top-backgound a {
  letter-spacing: 1.25px;
  font-weight: 300;
  font-size: 12.5px;
  line-height: 25px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound span {
  margin-left: 10px;
  margin-right: 10px;
}

.temoignent h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 100px;
}

.temoignent .blog-temoignage {
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px;
  padding-left: 10px;
  padding-right: 50px;
}

.temoignent h2 {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  font-weight: 600;
  font-size: 12px;
}

.temoignent p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 25px;
}

.conditions-generales h2 {
  color: #d10f49;
  font-size: 22px;
  padding-top: 1rem;
}

.conditions-generales p {
  font-weight: 400;
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

body {
  background-color: #ffffff !important;
}

.top-backgound {
  background: url("../contents/assets/top-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 261px;
  padding-top: 82px;
}

.top-backgound h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound a {
  letter-spacing: 1.25px;
  font-weight: 300;
  font-size: 12.5px;
  line-height: 25px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound span {
  margin-left: 10px;
  margin-right: 10px;
}

.facture {
  background-size: auto;
  background-position: left;
  background-repeat: no-repeat;
}

.facture .img-facture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.facture .blog-img-fct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}

.facture h1 {
  font-weight: 600 !important;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.01em;
  color: #333E42 !important;
  font-family: "Poppins", sans-serif !important;
  margin-bottom: 30px;
}

.facture p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  width: 85%;  
}

.facture h2 {
  font-size: 24px;
  letter-spacing: 0.07em;
  color: #333E42;
  font-weight: 400;
  line-height: 36px;
  font-family: "Amstagram" !important;
}

.facture .img-facture img {
  width: 78px;
}

.access .access_content:hover .person {
  background: #D10F49;
  -webkit-box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
          box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
}

.access svg {
  min-width: 36px;
  height: 36px;
}

.access h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 0.45px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.access p {
  font-family: "Avant Garde";
  font-weight: 300;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.45px;
}

.access .person {
  background: #FFFFFF;
  -webkit-box-shadow: 8px 8px 29px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 8px 8px 29px 13px rgba(242, 245, 250, 0.5);
  min-width: 82px;
  min-height: 82px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 82px;
  height: 82px;
  margin-right: 2rem;
}

.access .access-picto {
  background: #FFFFFF;
  -webkit-box-shadow: 8px 8px 29px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 8px 8px 29px 13px rgba(242, 245, 250, 0.5);
  width: 82px;
  height: 82px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.access .access-picto:hover {
  background: #D10F49;
  -webkit-box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
          box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
}

.blog-fonctionnalite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chiffre {
  background: #F2F5FA;
}

.chiffre h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.chiffre .suivi {
  width: 830px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 35px;
}

.calcul p {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 13px;
  color: #323D41;
  line-height: 26px;
}

.calcul p.amount {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 21px;
  color: #323D41;
  font-family: 'Questrial';
}

.calcul .blog-picto-chiffre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.calcul .blog-picto-chiffre:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ECEFF4;
  position: absolute;
  right: 0;
  top: 0;
}

.calcul .blog-picto-chiffre .blog-picto-chiffre-last:after {
  display: none;
}

.envoie-devis h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.envoie-devis .blog-text-devis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.envoie-devis .img-devis img {
  position: absolute;
  top: 25px;
  left: -97px;
}

.envoie-devis .blog-text-devis svg {
  margin-bottom: 15px;
}

.envoie-devis .blog-text-devis p.text {
  font-weight: 300;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.envoie-devis p.text-transforme {
  font-size: 24px;
  letter-spacing: 0.07em;
  color: #333E42;
  font-weight: 400;
  line-height: 36px;
  font-family: "Amstagram" !important;
}

.envoie-devis .envoie {
  width: 830px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 35px;
}

.temoignent h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 100px;
}

.temoignent .blog-temoignage {
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px;
  padding-left: 10px;
  padding-right: 50px;
}

.temoignent h2 {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  font-weight: 600;
  font-size: 12px;
}

.temoignent p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 25px;
}

.creer-compte h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 41px;
  letter-spacing: 0.1px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.creer-compte .compte {
  width: 830px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 35px;
}

.creer-compte span {
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.01em;
  color: #333E42;
  width: 50px;
  min-width: 50px;
  text-align: left;
}

.creer-compte p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 13px;
  line-height: 21px;
  color: #333E42;
  margin-bottom: 0px;
}

.creer-compte p strong {
  font-weight: 700;
}

.creer-compte li {
  margin-bottom: 30px;
}

.creer-compte p.essai {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 13px;
  line-height: 26px;
  color: #333E42;
  margin-bottom: 25px;
  text-align: center;
}

.creer-compte a.btn {
  font-family: "Poppins", sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 11px;
  padding: 10px 35px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 0.12em;
  text-transform: inherit;
  border-radius: 50px !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
          box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
}

.creer-compte a.btn:hover {
  background-color: #fff !important;
  color: #d22254 !important;
  border-color: #d22254 !important;
}

.creer-compte .blog-ess-elho {
  padding-left: 60px;
}

.atouts-section h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 24px;
  color: #D10F49;
  margin-bottom: 8px;
}

.atouts-section h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
  font-size: 39px;
  color: #333E42;
  margin-bottom: 22px;
  line-height: 36px;
}

.atouts-section p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  color: #333E42;
}

.atouts-section a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Poppins", sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 11px;
  padding: 10px 40px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 0.12em;
  text-transform: inherit;
  border-radius: 50px !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 15px;
}

.atouts-section a:hover {
  background-color: #fff !important;
  border-color: #d22254 !important;
  color: #d22254 !important;
}

a.btn.shadow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Poppins', sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 11px;
  padding: 10px 40px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 0.12em;
  text-transform: inherit;
  border-radius: 50px !important;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
          box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
}

a.btn.shadow:hover {
  background-color: #fff !important;
  border-color: #d22254 !important;
  color: #d22254 !important;
}

.elhoo_atouts h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  color: #D10F49;
}

.elhoo_atouts h3 {
  font-family: "Poppins";
  font-weight: 700;
  line-height: 39px;
  font-size: 36px;
  margin-bottom: 28px;
}
section.payment{
  margin-top: 8rem;
  background-color: #fff;
  background: #fff !important;
}
@media (max-width: 575.98px) {
  .calcul img {
    width: 360px;
  }
  .chiffre h1 {
    font-size: 18px;
    line-height: 30px;
  }
  .blog-img-fct img {
    width: 360px;
  }
  .wel_dashboard_devis {
    width: 360px;
  }
  .wel_phone2 {
    width: 335px;
  }
  .top-backgound h1 {
    font-size: 24px;
    margin-left: 18px;
  }
  .facture .img-facture {
    background-position: center;
    height: 330px;
    padding-left: 30px;
    padding-right: 27px;
  }
  .facture h1 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .access {
    text-align: center;
  }
  .access h1 {
    font-size: 18px;
    line-height: 35px;
  }
  .calcul p.amount {
    font-size: 17.9179px;
  }
  .chiffre svg {
    width: 36px;
    height: 55px;
  }
  .envoie-devis h1 {
    font-size: 22px;
    line-height: 31px;
  }
  .envoie-devis .envoie {
    margin-bottom: 0;
    margin-top: 0;
  }
  .envoie-devis .img-devis img {
    position: inherit;
    top: 0;
    left: 0;
  }
  .envoie-devis .blog-text-devis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 1rem !important;
  }
  .envoie-devis p.brush {
    font-size: 21px;
    line-height: 26px;
  }
  .creer-compte h1 {
    font-size: 20px;
    line-height: 29px;
  }
  .creer-compte li {
    margin-bottom: 5px;
  }
  .creer-compte span {
    font-size: 23px;
    line-height: 34px;
  }
  .creer-compte .blog-ess-elho {
    padding-left: 15px;
    padding-top: 20px;
  }
  .temoignent h1 {
    font-size: 20px;
    line-height: 39px;
    margin-bottom: 12px;
  }
  .temoignent {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .temoignent .blog-temoignage {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .atouts-section h2 {
    font-size: 19px;
    margin-bottom: 22px;
    line-height: 30px;
  }
  .atouts-section h1 {
    font-size: 23px;
    margin-bottom: 8px;
    margin-top: 20px;
  }
  .atouts-section a {
    margin-bottom: 30px;
  }
}

::ng-deep .auth-navbar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-left: 0;
  margin-bottom: 0;
  background-color: #f8fbff !important;
}

::ng-deep .auth-navbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: 0 !important;
  padding-left: 25%;
}

::ng-deep .auth-navbar ul#menuItems li {
  display: inline;
  list-style: none;
  color: #000000 !important;
  font-size: 15px;
  margin-left: auto;
  margin-right: 0;
  padding: 5px 0px;
}

::ng-deep .auth-navbar ul#menuItems .connexion {
  padding: 0px 44px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  background-color: #d22254;
  color: #fff !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

::ng-deep .auth-navbar ul#menuItems .connexion:hover {
  background-color: #323d41;
}

::ng-deep .auth-navbar ul#menuItems .inscription {
  padding: 0px 44px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  background-color: #323d41;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff !important;
}

::ng-deep .auth-navbar ul#menuItems .inscription:hover {
  background-color: #d22254;
}

.container-fluid {
  background-size: 68%;
}

.container-fluid .above-header {
  height: 341px;
}

.container-fluid .above-header .wel_semi_ellipse {
  position: relative;
  top: -60px;
}

.container-fluid .above-header h1 {
  padding-left: 21%;
  padding-top: 6%;
}

.container-fluid .above-header p {
  padding-left: 21%;
}

.container-fluid .above-header .wel_dashboard {
  position: absolute;
  top: 15%;
}

.container-fluid a.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 14px;
  padding: 11px 20px;
  letter-spacing: 2px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 24px !important;
}

.container-fluid a.btn:hover {
  background-color: #323d41 !important;
  border-color: #323d41 !important;
}

.container-fluid h1 {
  font-weight: 700;
  color: black;
}

.container-fluid .facturation {
  background: #FFF;
  position: relative;
}

.container-fluid .facturation .wel_dashboard2 {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  position: absolute;
  left: 45%;
  top: 60%;
  width: 50%;
  z-index: 2;
}

.container-fluid .facturation .wel_ellipse {
  position: absolute;
  z-index: 0;
  left: 8%;
  width: 48%;
  top: -6%;
}

.container-fluid .facturation .tout-facture {
  position: relative;
  max-width: 400px;
  margin: 100px 343px;
  z-index: 2;
}

.container-fluid .access {
  background: #FFF;
  padding-top: 33%;
}

.container-fluid .access .access-picto,
.container-fluid .access .person {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 8px 8px 29px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 8px 8px 29px 13px rgba(242, 245, 250, 0.5);
  border-radius: 50%;
}

.container-fluid .access .access-picto {
  background: #fff;
}

.container-fluid .access .person {
  background: #d22254;
}

.container-fluid .chiffre {
  background: #fff;
}

.container-fluid .chiffre .evolution {
  background: #F2F5FA;
}

.container-fluid .chiffre .evolution .suivi {
  padding: 100px 0px;
  max-width: 381px;
}

.container-fluid .chiffre .calcul {
  background: #F2F5FA;
}

.container-fluid .chiffre .calcul p {
  font-size: 23px;
}

.container-fluid .chiffre .calcul .amount {
  font-size: 26px !important;
  color: gray !important;
}

.container-fluid .envoie-devis {
  background: #FFF;
  position: relative;
}

.container-fluid .envoie-devis .envoie {
  max-width: 500px;
}

.container-fluid .envoie-devis .text {
  max-width: 449px;
  padding: 34px 0;
}

.container-fluid .envoie-devis .brush {
  font-size: 24px;
}

.container-fluid .envoie-devis .wel_circl_person {
  position: absolute;
  top: 20%;
  left: 34%;
}

.container-fluid .creer-compte {
  background: #FFF;
}

.container-fluid .creer-compte .compte {
  max-width: 302px;
}

.container-fluid .creer-compte ul li {
  list-style: none;
}

.container-fluid .creer-compte ul li span {
  font-size: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-fluid .creer-compte .essai {
  max-width: 360px;
}

.container-fluid .creer-compte a.btn {
  max-width: 272px;
  background: #d22254;
}

.container-fluid .temoignage {
  background: #FFF;
}

.container-fluid .temoignage .user {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  padding: 20px;
}

.container-fluid .temoignage .user .user-text {
  max-width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.container-fluid .temoignage .user .user-picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-fluid .temoignage .user h3 {
  font-weight: 700;
}

.container-fluid .temoignage .user ul li {
  list-style: none;
  display: inline-block;
}

.container-fluid .atouts-section {
  background: #FFF;
}

.container-fluid .atouts-section .atouts {
  max-width: 78%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

.container-fluid .atouts-section .atouts h1 {
  color: black;
  font-weight: 700;
}

.container-fluid .atouts-section .atouts h5 {
  color: #d22254 !important;
  font-weight: 700 !important;
}

.container-fluid .footer .logo {
  position: absolute;
  left: 29%;
  top: -37%;
}

.container-fluid .footer h2 {
  font-weight: 700;
}

.container-fluid .footer ul li {
  display: inline-block;
  list-style: none;
}

.container-fluid .footer li {
  padding-right: 29px;
}

.container-fluid .footer li span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px rgba(209, 15, 73, 0.25);
          box-shadow: 0px 4px 13px rgba(209, 15, 73, 0.25);
}

.container-fluid .footer mat-form-field.mat-form-field {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #ffffff;
}

.container-fluid .footer a,
.container-fluid .footer a:hover {
  color: black;
  text-decoration: none;
}

.container-fluid .footer .hr {
  background-color: #C1D8E4;
  width: 1254px;
  height: 2px;
  margin: 20px 0px;
}

.container-fluid .footer .copyright {
  color: #C1D8E4;
}

::ng-deep body {
  background-color: #ffffff !important;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

.home_menu #menuItems li a {
  color: white !important;
}

.background-index {
  max-width: 100% !important;
  background: url("../contents/assets/welcome1.png") no-repeat center center fixed;
  background-size: cover;
}

body {
  background-color: #fff !important;
}

.bg-gray-clair {
  background-color: #f2f5fa;
}

h2 {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.01em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.container-fluid a.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Poppins', sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 11px;
  padding: 10px 40px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 0.12em;
  text-transform: inherit;
  border-radius: 50px !important;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
          box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
}

.container-fluid a.btn:hover {
  background-color: #fff !important;
  border-color: #d22254 !important;
  color: #d22254 !important;
}

.container-fluid h1 {
  color: black;
}

a.btn.shadow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Poppins', sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 11px;
  padding: 10px 40px;
  background-color: #d22254 !important;
  color: #fff !important;
  border-color: #d22254 !important;
  letter-spacing: 0.12em;
  text-transform: inherit;
  border-radius: 50px !important;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
          box-shadow: 8px 8px 24px rgba(209, 15, 73, 0.25);
}

a.btn.shadow:hover {
  background-color: #fff !important;
  border-color: #d22254 !important;
  color: #d22254 !important;
}

main {
  background-color: white;
}

.invoicing-col {
  padding-bottom: 50px !important;
}

.blog-circle {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  padding-right: 15px;
  height: 120px;
  padding-left: 48px;
  -webkit-transition: .3s;
  transition: .3s;
}

a:hover .blog-circle {
  background: #D10F49;
}

a:hover .blog-circle h3 {
  color: white;
}

a:hover .blog-circle p {
  color: white;
}

a:hover .blog-circle .circle {
  background: #FFFFFF;
  -webkit-box-shadow: 6px 4px 49px #ffffff80;
          box-shadow: 6px 4px 49px #ffffff80;
}

a:hover .blog-circle .circle svg path {
  stroke: #E887A4;
}

a:hover .blog-circle span svg path {
  stroke: #fff;
}

.plan p {
  margin-bottom: 0px;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Avant Garde";
}

.plan h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #333E42;
}

.elhoo-partout-titre h1 {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.01em;
  font-family: 'Poppins', sans-serif !important;
  color: #333E42;
  line-height: 39px;
  margin-bottom: 20px !important;
}

.elhoo-partout-titre p {
  font-weight: 400;
  font-size: 13px;
  font-family: 'Poppins', sans-serif !important;
  color: #333E42;
}

.pres-text {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 507px;
}

.pres-text h1 {
  font-size: 36px;  
  font-weight: 600;   
  color: white;
  font-family: 'Poppins', sans-serif !important; 
  /* margin-left: -12%; */
  display: flex;
}

.pres-text h1 span {
  color: #d22254;
}

.pres-text .ind {
  color: #d22254;
}

.pres-text h1 span {
  color: #d22254;
}

.map {
  /* padding-top: 12%; */
}

.map .wel_tooltip1 {
  position: absolute;
  left: 49%;
}

.map .wel_tooltip2 {
  position: absolute;
  left: 22%;
}

.map .wel_tooltip1:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #d22254;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: 20px auto 0px;
  font-size: 16px;
  padding: 13px;
  width: 270px;
}

.map .wel_tooltip2:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #d22254;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: 92% auto 0px;
  font-size: 16px;
  padding: 13px;
  width: 130px;
}

.map .wel_tooltip1:before {
  border: solid;
  border-color: #d22254 transparent;
  border-width: 26px 26px 0 26px;
  content: "";
  bottom: 14%;
  left: 39%;
  bottom: -24px;
  position: absolute;
}

.map .wel_tooltip2:before {
  border: solid;
  border-color: #d22254 transparent;
  border-width: 18px 17px 0 17px;
  content: "";
  bottom: 14%;
  left: 36%;
  bottom: -16px;
  position: absolute;
}

.map .invoicing-col h1 {
  margin: 0px !important;
  font-weight: 600;
  font-size: 36px;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 10px !important;
  width: 410px;
  padding-left: 0px;
}

.map .invoicing-col img {
  width: 100px;
}

.map .invoicing-col p.trans-text {
  font-size: 24px;
  font-family: "Amstagram" !important;
  color: #333E42;
  line-height: 36px;
  font-weight: 400;
}

.text-map {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  font-size: 13px;
  color: #333E42;
  line-height: 19.5px;
  margin-bottom: 0px !important;
  width: 80%;
}

.img-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

section {
  background-color: #ffffff;
}

section .ellipse {
  position: absolute;
  right: 0;
  z-index: 0;
  margin-top: 57px;
}

.img-reporting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.blog-img-clock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.info2 {
  /* background-color: #ffffff; */
  padding-top: 0;
}

.info2 .elhoo-partout {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* position: relative;
      right: 0px;
      bottom: 23px;
      padding-left: 200px; */
}

.info2 .smile_face {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #323d41;
  border-radius: 50%;
}

.info2 .phone {
  position: absolute;
  left: 16%;
}

.action {
  background-color: #ffffff;
}

.action h3 {
  font-weight: 600;
}

.action ul li {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  margin: 10px 8px;
  padding: 23px 13px;
}

.action .circle {
  min-width: 42px;
  min-height: 42px;
  background-color: #E887A4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 10px rgba(209, 15, 73, 0.3);
          box-shadow: 4px 4px 10px rgba(209, 15, 73, 0.3);
}

.action span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wel_semi_ellipse2 {
  height: 216px;
  background: white;
}

.sec-atout {
  padding-top: 7rem !important;
}

.wel_semirotate_ellipse {
  height: 216px;
}

.list-gg {
  margin-top: 32px;
}

.google {
  margin-right: 6px;
}

/* .img-rotatephone{
      position: relative;
      right: 0;
  } */
.why-elhoo p {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.045em;
  margin-bottom: 50px;
}

.why-elhoo {
  width: 565px;
  text-align: center;
}

.why-elhoo h1 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #333E42;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 18px;
}

.payment {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(9.9%, #F2F5FA), to(rgba(242, 245, 250, 0)));
  background: linear-gradient(180deg, #F2F5FA 9.9%, rgba(242, 245, 250, 0) 100%);
}

.img-phone2 {
  position: absolute;
  right: 0;
  top: -50px;
}

.img-phone1 {
  position: absolute;
  right: 295px;
  top: -90px;
}

.icone-plus {
  position: absolute;
  top: -180px;
  right: 390px;
  z-index: 99;
}

.icone-graphe {
  position: absolute;
  top: -60px;
  right: 510px;
  z-index: 99;
}

.icone-plus, .icone-graphe {
  width: 70px;
  height: 70px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 4px #c1d8e4;
          box-shadow: 0px 4px 4px #c1d8e4;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wel_coffeperson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blog-text-atout {
  padding-left: 4rem;
}

.blog-fac {
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left;
}

.payment .row {
  /* background-image: linear-gradient(to bottom, #f2f5faf7, #fff0)!important; */
  padding: 0px;
  padding-bottom: 75px;
  padding-top: 85px;
}

.payment .prix-max {
  background-color: #f2f5fa;
}

.payment .prix-max h1 {
  margin: 0;
  font-weight: 700;
  font-size: 36px;
  line-height: 54px;
  text-align: center;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.payment .essai {
  width: 490px;
  height: 500px;
  background: #D10F49;
  -webkit-box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
          box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: #ffffff;
  position: relative;
}

.payment .essai h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.045em;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 10px;
}

.payment .essai span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.45px;
  font-family: 'Poppins', sans-serif !important;
}

.payment .essai a.btn {
  color: #333E42 !important;
  margin-top: 35px;
  background-color: #ffffff !important;
  position: relative;
  border: none;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  border: solid 1px white;
  -webkit-transition: .3s;
  transition: .3s;
  text-transform: inherit;
  padding: 12px 30px;
  letter-spacing: 0.12em;
}

.payment .essai a.btn:hover {
  background-color: #d10e49 !important;
  color: white !important;
}

.payment .prix svg {
  margin-right: 18px;
}

.payment .prix {
  width: 490px;
  height: 500px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
          box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: black;
  position: relative;
}

.payment .prix span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  letter-spacing: 0.045em;
  font-family: 'Poppins', sans-serif !important;
  color: #333E42;
  font-size: 12px;
}

.payment .prix a.btn {
  color: white !important;
  margin-top: 35px;
  background-color: #d22254 !important;
  position: relative;
  border: none;
  border-radius: 50px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  border: solid 1px #d22254;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: inherit;
  padding: 12px 30px;
  letter-spacing: 0.12em;
  font-size: 11px;
}
.mail_link:hover{
  color: #d22254 !important;
}
.payment .prix a.btn:hover {
  background-color: #fff !important;
  color: #d22254 !important;
}

.payment .essai-test1 {
  position: absolute;
  width: 175px;
  height: 175px;
  background-color: #ffffff;
  -webkit-box-shadow: 6px 4px 49px #ffffff80;
          box-shadow: 6px 4px 49px #ffffff80;
  border: 5px solid #d22254;
  border-radius: 50%;
  z-index: 20;
  padding: 9px !important;
  right: 0px !important;
  margin-top: 0 !important;
  top: -87px !important;
}

.payment .essai-test1 .essai-test2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dashed #d22254;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.payment .essai-test1 .essai-test2 p {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #D10F49 !important;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 0;
  line-height: 28px;
}

.payment .essai-test1 .essai-test2 h1 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  color: #D10F49;
  font-family: 'Poppins', sans-serif !important;
  line-height: 40px;
  letter-spacing: 0;
}

.payment .essai svg {
  margin-right: 18px;
}

.payment .prix-test1 {
  position: absolute;
  width: 175px;
  height: 175px;
  background-color: #d22254;
  border: 5px solid white;
  border-radius: 50%;
  z-index: 20;
  padding: 9px;
  right: 165px;
  margin-top: 0;
  -webkit-box-shadow: 6px 9px 36px rgba(209, 15, 73, 0.25);
          box-shadow: 6px 9px 36px rgba(209, 15, 73, 0.25);
  top: -90px;
}

.payment .prix-test1 .prix-test2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dashed white;
  background-color: #d22254;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.payment .prix-test1 .prix-test2 p {
  color: white !important;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  font-family: 'Poppins', sans-serif !important;
  line-height: 12px;
}

.payment .prix-test1 .prix-test2 h1 {
  color: white !important;
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  font-family: 'Poppins', sans-serif !important;
  line-height: 48px;
}

.blog-plan h1 {
  font-weight: 700;
  font-size: 24px;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 10px;
}

.footer .logo {
  position: absolute;
  left: 29%;
  top: -37%;
}

.footer h2 {
  font-weight: 700;
}

.footer ul li {
  display: inline-block;
  list-style: none;
}

.footer li {
  padding-right: 29px;
}

.footer li span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px rgba(209, 15, 73, 0.25);
          box-shadow: 0px 4px 13px rgba(209, 15, 73, 0.25);
}

.footer .row {
  background-color: #f2f5fa;
}

.footer mat-form-field.mat-form-field {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #ffffff;
}

.footer a,
.footer a:hover {
  color: black;
  text-decoration: none;
}

.footer .copyright {
  color: #C1D8E4;
}

.elhoo_dashboard {
  margin-top: -300px;
  padding-bottom: 4rem;
  background-color: transparent;
}

.elhoo_dashboard .elhoo_dashboard_image {
  position: relative;
}

.elhoo_dashboard .elhoo_dashboard_image .dashboard_badge {
  background-color: #d22254;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  top: -70px;
  right: 35px;
}

.elhoo_dashboard .elhoo_dashboard_image .dashboard_badge:after {
  content: '';
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 2px dashed #fff;
  position: absolute;
  right: 10px;
  top: 10px;
}

.elhoo_dashboard .elhoo_dashboard_image .dashboard_badge p {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Avant Garde" !important;
  line-height: 1.7;
  margin-bottom: 0;
}

.elhoo_map {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50%;
}

.elhoo_map .img_elhoo_map {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.elhoo_map .map_elhoo_logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.elhoo_map .map_elhoo_logo svg {
  width: 316px;
  height: 66px;
}

.elhoo_map .brush {
  font-size: 24px;
  font-family: 'amstagram' !important;
  line-height: 36px;
  font-weight: 400; 
}

.facturation_contain p{
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
  line-height: 19px;
  font-weight: 400;
  width: 80%;
}

.offre-elhoo .images {
  position: relative;
}

.offre-elhoo .images .secode {
  position: absolute;
  top: -166px;
  right: 115px;
  z-index: 9;
}

.offre-elhoo .images .third {
  position: absolute;
  bottom: 0;
  left: 5rem;
}

.offre-elhoo .images .first {
  position: absolute;
  bottom: -48px;
  left: 7px;
}

.eco img.phone {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.eco .application li {
  max-width: 40%;
}

.reporting {
  height: 553px;
}

.reporting .wel_ellipse2 {
  position: absolute;
  top: 150px;
  right: 150px;
}



.reporting .report-circle {
  position: relative;
}

.reporting .report-circle ul {
  z-index: 10;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
}

.reporting .report-circle ul:before {
  content: '';
  width: 4px;
  height: 100%;
  /* height: 180%;  */
  background: #d10f49;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #d10f49), to(white));
  background: linear-gradient(180deg, white 0%, #d10f49 50%, white 100%);
  position: absolute;
  left: 98px;
  z-index: -1;
  top: 0;
}

.reporting .report-circle ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2rem;
}

.reporting .report-circle ul li .picto {
  width: 105px;
  height: 105px;
  min-width: 105px;
  min-height: 105px;
  background: #D10F49;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin-right: 3rem;
}

.reporting .report-circle ul li .picto + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reporting .report-circle ul li:not(:last-child) {
  margin-bottom: 3rem;
}

.reporting .report-circle ul li:not(:first-child) .picto {
  background-color: #fff;
  -webkit-box-shadow: 5px 6px 17px 16px rgba(242, 245, 250, 0.5);
          box-shadow: 5px 6px 17px 16px rgba(242, 245, 250, 0.5);
}

.reporting .report-circle ul li p {
  margin-bottom: 0;
  font-size: 13px;
  letter-spacing: 0.45px;
  line-height: 21px;
  width: 80%;
  font-weight: 300;
  min-height: 85px;
}

.reporting .report-circle ul li h3 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.45px;
  line-height: 41px;
}

.elhoo_atouts h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  color: #D10F49;
  line-height: 41px;
  margin-bottom: 0;
}

.elhoo_atouts h3 {
  font-family: "Poppins";
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 35px;
}

.votre_business_black_title{
  font-weight: 700;
  line-height: 39px;
  width: 90%;
}
.votre_business_contain p{
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
  line-height: 19px;
  font-weight: 400;
  width: 86%;
}
.why_elhoo_list{
  /* height: 570px;
  overflow-y: auto; */
}
@media (max-width: 768px) {
  h2 {
    font-size: 20px;
  }
  .pres-text, .pres-text h1 span {
    font-size: 20px;
  }
  .elhoo-partout-titre h1,
  .map .invoicing-col h1 {
    font-size: 22px;
  }
  .blog-fac {
    background: unset !important;
  }
  .info1 .clock {
    padding-right: 0;
  }
  .info1 .clock h1 {
    font-size: 19px;
  }
  .dashboard .wel_dash .wel_dashboard {
    width: 100%;
    position: unset;
  }
  .dashboard .wel_dash {
    position: relative;
  }
  .free-test1 .free-test2 p {
    font-weight: 400;
    font-size: 10px;
  }
  .free-test1[_ngcontent-clp-c98] {
    width: 105px;
    height: 105px;
    top: -26%;
  }
  .offre-elhoo .images {
    display: none;
  }
  .offre-elhoo .images .first {
    width: 100%;
  }
  .offre-elhoo .images .secode {
    width: 100%;
  }
  .offre-elhoo .images .third {
    width: 100%;
    left: unset;
    padding: 3rem;
  }
  .reporting .wel_ellipse2 {
    width: 100%;
  }
  .pres-text {
    height: 377px;
  }
  .elhoo_dashboard {
    margin-top: -90px;
  }
  .pres-text h1 {
    font-size: 21px;
    text-align: center;
  }
  .pres-text h1 span {
    font-size: 21px;
  }
  .background-index {
    background-position: right;
    background-position-x: 91%;
  }
  .elhoo_map {
    background-image: unset !important;
  }
  .elhoo_map svg {
    width: 30px;
    margin: .5rem 0;
  }
  .elhoo_map .img_elhoo_map {
    display: none;
  }
  .elhoo_map .map_elhoo_logo {
    display: none;
  }
  .eco img.phone {
    position: unset;
    width: 100%;
  }
  .reporting {
    height: 840px;
  }
  .reporting .wel_ellipse2 {
    display: none;
  }
  .reporting .elhoo_app {
    position: unset;
  }
  .reporting .report-circle ul {
    padding: 3rem 0;
  }
  .reporting .report-circle ul:before {
    left: 28px;
  }
  .reporting .report-circle ul li .picto {
    min-width: 60px;
    min-height: 60px;
    height: 60px;
    width: 60px;
    margin-right: 1rem;
  }
  .reporting .report-circle ul li .picto + div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding-top: 1rem;
  }
  .reporting .report-circle ul li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .reporting .report-circle ul li h3 {
    font-size: 19px;
  }
  .elhoo_atouts h2 {
    font-size: 18px;
  }
  .elhoo_atouts h3 {
    font-size: 20px;
  }
  .payment {
    height: auto;
    padding-bottom: 2rem;
  }
  .payment .row {
    padding-top: 0;
    padding-bottom: 0;
  }
  .payment .essai {
    margin-top: 50px;
  }
  .payment .essai-test1 {
    width: 100px;
    height: 100px;
    right: 23px;
    top: -19px;
  }
  .payment .essai-test1 .essai-test2 p, .payment .essai-test1 .essai-test2 h1 {
    font-size: 15px;
    line-height: 1;
  }
  .payment .prix-test1 {
    width: 100px;
    height: 100px;
    right: 23px;
    top: -19px;
  }
  .payment .prix-test1 .prix-test2 p, .payment .prix-test1 .prix-test2 h1 {
    font-size: 15px;
    line-height: 1;
  }
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

body {
  background-color: #ffffff;
}

.top-backgound {
  background: url("../contents/assets/top-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 261px;
  padding-top: 82px;
}

.top-backgound h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound a {
  letter-spacing: 1.25px;
  font-weight: 300;
  font-size: 12.5px;
  line-height: 25px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound span {
  margin-left: 10px;
  margin-right: 10px;
}

.payment .row {
  background-image: white !important;
  padding: 0px;
  padding-bottom: 30px;
  padding-top: 85px;
}

.payment .prix-max {
  background-color: white;
}

.payment .prix-max h1 {
  margin: 0;
  font-weight: 700;
  font-size: 36px;
  line-height: 54px;
  text-align: center;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.payment .essai {
  width: 490px;
  height: 500px;
  background: #D10F49;
  -webkit-box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
          box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: #ffffff;
  position: relative;
}

.payment .essai h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.045em;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 10px;
}

.payment .essai span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.045em;
  font-family: 'Poppins', sans-serif !important;
}

.payment .essai a.btn {
  color: #333E42 !important;
  margin-top: 43px;
  background-color: #ffffff !important;
  position: relative;
  border: none;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  border: solid 1px white;
  -webkit-transition: .3s;
  transition: .3s;
  text-transform: inherit;
  padding: 12px 30px;
  letter-spacing: 0.12em;
  font-size: 13px;
}

.payment .essai a.btn:hover {
  background-color: #333E42 !important;
  color: white !important;
}

.payment .prix svg {
  margin-right: 18px;
}

.payment .prix {
  width: 490px;
  height: 500px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
          box-shadow: 0px 0px 60px rgba(33, 54, 95, 0.25);
  border-radius: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: black;
  position: relative;
}

.payment .prix span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  letter-spacing: 0.45px;
  font-family: 'Poppins', sans-serif !important;
  color: #333E42;
  font-size: 13px;
  font-weight: 400;
}

.payment .prix a.btn {
  color: white !important;
  margin-top: 43px;
  background-color: #d22254 !important;
  position: relative;
  border: none;
  border-radius: 50px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  border: solid 1px #d22254;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: inherit;
  padding: 12px 30px;
  letter-spacing: 0.12em;
  font-size: 13px;
}

.payment .prix a.btn:hover {
  background-color: #fff !important;
  color: #d22254 !important;
}

.payment .essai-test1 {
  position: absolute;
  width: 175px;
  height: 175px;
  background-color: #ffffff;
  -webkit-box-shadow: 6px 4px 49px #ffffff80;
          box-shadow: 6px 4px 49px #ffffff80;
  border: 5px solid #d22254;
  border-radius: 50%;
  z-index: 20;
  padding: 9px;
  right: 45px;
  margin-top: 0;
  top: -85px;
}

.payment .essai-test1 .essai-test2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dashed #d22254;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.payment .essai-test1 .essai-test2 p {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #D10F49 !important;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 0;
  line-height: 28px;
}

.payment .essai-test1 .essai-test2 h1 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  color: #D10F49;
  font-family: 'Poppins', sans-serif !important;
  line-height: 42px;
}

.payment .essai svg {
  margin-right: 18px;
}

.payment .prix-test1 {
  position: absolute;
  width: 175px;
  height: 175px;
  background-color: #d22254;
  border: 5px solid white;
  border-radius: 50%;
  z-index: 20;
  padding: 9px;
  right: 0px;
  margin-top: 0;
  -webkit-box-shadow: 6px 9px 36px rgba(209, 15, 73, 0.25);
          box-shadow: 6px 9px 36px rgba(209, 15, 73, 0.25);
  top: -90px;
}

.payment .prix-test1 .prix-test2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dashed white;
  background-color: #d22254;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.payment .prix-test1 .prix-test2 p {
  color: white !important;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  font-family: 'Poppins', sans-serif !important;
  line-height: 12px;
}

.payment .prix-test1 .prix-test2 h1 {
  color: white !important;
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  font-family: 'Poppins', sans-serif !important;
  line-height: 48px;
}

.blog-plan h1 {
  font-weight: 700;
  font-size: 24px;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 10px;
}

/** faq **/
.blog-text-faq {
  background: url("../contents/assets/back-faq.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 342px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* align-items: center; */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 52px;
}

.prix-max p {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 12px;
  color: #333E42;
  width: 655px;
  margin: auto;
}

.prix-max p span {
  font-weight: 700;
}

.blog-faq h1 {
  font-weight: 600;
  font-size: 24px;
  color: #D10F49;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 12px;
}

.blog-faq h2 {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.01em;
  color: #333E42;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 30px;
  line-height: 39px;
}

.blog-faq a {
  font-weight: 400;
  font-family: "Poppins", sans-serif !important;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  background-color: #D10F49;
  border: solid 1px #D10F49;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50px;
  width: 148px;
  text-align: center;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-faq a:hover {
  color: #D10F49 !important;
  background-color: white;
  border: solid 1px #D10F49;
}

.blog-faq .blog-desc-faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 85px;
}

.blog-faq p {
  font-weight: 400;
  font-family: "Poppins", sans-serif !important;
  font-size: 13px;
  color: #333E42;
}

.blog-faq h3 {
  font-weight: 700;
  font-family: "Poppins", sans-serif !important;
  font-size: 13px;
  color: #333E42;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-faq h3 a {
  color: #D10F49;
  font-weight: 700;
  font-family: "Poppins", sans-serif !important;
  font-size: 13px;
  margin-left: 10px;
  background-color: unset;
  border: none;
}

.blog-faq h3 a:hover {
  color: #333E42;
  border: none;
}

.temoignent h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  margin-bottom: 50px;
}

.temoignent .blog-temoignage {
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px;
  padding-left: 10px;
  padding-right: 50px;
}

.temoignent h2 {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  font-weight: 600;
  font-size: 12px;
}

.temoignent p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 25px;
}

@media (max-width: 575.98px) {
  .prix-max p {
    width: unset;
  }
  .top-backgound h1 {
    font-size: 25px;
    margin-left: 18px;
  }
  .payment .prix-max h1 {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
    padding-top: 0rem !important;
  }
  .blog-faq h2 {
    font-size: 27px;
    margin-bottom: 30px;
    line-height: 33px;
  }
  .blog-text-faq {
    height: 320px;
    margin-bottom: 25px;
  }
  .blog-faq .blog-desc-faq {
    padding-left: 15px;
  }
  .blog-faq h3 {
    font-size: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog-faq p {
    text-align: center;
  }
  .blog-faq h3 a {
    font-size: 13px;
    margin-left: 0;
  }
  .temoignent h1 {
    font-size: 20px;
    line-height: 39px;
    margin-bottom: 23px;
  }
  .blog-faq {
    padding-bottom: 1rem !important;
  }
  .temoignent .blog-temoignage {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .blog-plan {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 8rem;
  }
  .payment .essai-test1 {
    width: 145px;
    height: 145px;
    padding: 5px;
    right: 5px;
    margin-top: 0;
    top: -55px;
  }
  .blog-essa {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .payment .essai-test1 .essai-test2 h1 {
    font-size: 29px;
    line-height: 31px;
  }
  .payment .essai-test1 .essai-test2 p {
    font-size: 22px;
    line-height: 21px;
  }
  .payment .essai h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .payment .essai span {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .payment .essai {
    height: 475px;
  }
  .payment .prix-test1 {
    width: 145px;
    height: 145px;
    padding: 5px;
    right: -3px;
    margin-top: 0;
    top: 28px;
  }
  .payment .prix-test1 .prix-test2 h1 {
    font-size: 32px;
    line-height: 43px;
  }
  .blog-plan h1 {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .payment .prix span {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .payment .prix {
    height: 475px;
  }
}

.payment .essai a.btn:hover {
  background-color: #D10F49 !important;
}

.container {
  max-width: 1400px;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

body {
  background-color: #fff;
}

.top-backgound {
  background: url("../contents/assets/top-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 261px;
  padding-top: 82px;
}

.top-backgound h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound a {
  letter-spacing: 1.25px;
  font-weight: 300;
  font-size: 12.5px;
  line-height: 25px;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.top-backgound span {
  margin-left: 10px;
  margin-right: 10px;
}

.logo-elhoo .box1-logo-elhoo {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 36px rgba(51, 62, 66, 0.08);
          box-shadow: 0px 4px 36px rgba(51, 62, 66, 0.08);
  border-radius: 18px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logo-elhoo .box2-logo-elhoo {
  background: #333E42;
  -webkit-box-shadow: 0px 4px 36px rgba(51, 62, 66, 0.2);
          box-shadow: 0px 4px 36px rgba(51, 62, 66, 0.2);
  border-radius: 18px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* .logo-elhoo .box2-logo-elhoo:hover{
  background: #F2F5FA;
}
.logo-elhoo .box1-logo-elhoo:hover{
  background: #F2F5FA;
} */
.logo-elhoo p {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
  text-align: center;
  margin-top: 20px;
}

.contact-press {
  background: #F2F5FA;
}

.contact-press h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 15px;
  letter-spacing: 0.1px;
}

.contact-press h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px; 
  color: #D10F49;
  text-align: center;
  letter-spacing: 0.45px;
  margin-top: 4rem;
}

.contact-press a {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.045em !important;
  color: #333E42 !important;
  text-align: center !important;
  background-color: unset !important;
  border: none !important;
}

.contact-press a:hover {
  color: #D10F49 !important;
  border: none !important;
}

.contact-press .text-press-elhoo {
  width: auto;
  margin: auto; 
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px; 
  padding: 22px 25px 15px;
}

.contact-press .seconde-blog-press a {
  background: #333E42 !important;
  border-radius: 16px !important;
  border: solid 1px #333E42 !important;
  -webkit-transition: .3s !important;
  transition: .3s !important;
  color: white !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.045em !important;
  padding: 8px 30px;
}

.contact-press .seconde-blog-press a:hover {
  border: solid 1px #333E42 !important;
  color: #333E42 !important;
  background-color: white !important;
}

.contact-press .seconde-blog-press a:hover svg path {
  stroke: #333E42;
}

.contact-press .seconde-blog-press a svg {
  margin-right: 25px;
}

.members .back-members {
  height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.members h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 70px;
}

.temoignent h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  margin-bottom: 70px;
}

.temoignent .blog-temoignage {
  -webkit-box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
          box-shadow: 0px 4px 13px 4px rgba(193, 216, 228, 0.25), 4px 4px 15px 13px rgba(242, 245, 250, 0.5);
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px;
  padding-left: 10px;
  padding-right: 50px;
}

.temoignent h2 {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0.045em;
  color: #333E42;
  font-weight: 600;
  font-size: 12px;
}

.temoignent p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 25px;
}

@media (max-width: 575.98px) {
  .top-backgound h1 {
    font-size: 28px;
    margin-left: 18px;
  }
  .top-backgound {
    height: 262px;
  }
  .logo-elhoo {
    margin-top: 1rem !important;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .logo-elhoo .box1-logo-elhoo {
    height: 200px;
  }
  .logo-elhoo p {
    margin-top: 12px;
    margin-bottom: 30px;
  }
  .logo-elhoo .box2-logo-elhoo {
    height: 200px;
  }
  .contact-press h1 {
    font-size: 21px;
    margin-bottom: 8px;
  }
  .contact-press .text-press-elhoo {
    width: 305px;
    height: 225px;
  }
  .members h1 {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .members .back-members {
    height: 239px;
    margin-bottom: 20px;
  }
  .temoignent h1 {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .temoignent {
    padding-top: 0rem !important;
    margin-top: 0rem !important;
  }
  .temoignent .blog-temoignage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 27px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

@font-face {
  font-family: "Amstagram";
  src: url(../contents/assets/fonts/Amstagram.ttf);
}

/* .mat-expanded{
      background-color: #D10F49;
  } */
p strong {
  font-weight: 700;
}

.pres-text h1 span {
  color: #d22254;
}

#navbarSupportedContent li.inscription {
  padding-right: 0px !important;
}

body {
  background-color: #ffffff;
  overflow-x: hidden;
}

p {
  line-height: 1.8;
  font-family: "Poppins" !important;
}

.container {
  max-width: 1400px;
}

.mat-expansion-panel-content {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.045em;
  color: #333E42;
  font-family: "Poppins", sans-serif !important;
}

.header {
  border-bottom: 1px solid #ECEFF4;
  background-color: white;
}

.header .cloche {
  color: white !important;
}

.header .elhoo_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.header .elhoo_logo span {
  line-height: 1;
  font-size: 14px;
  font-family: 'Questrial', sans-serif;
  color: initial;
}

.header .example-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.header .elhoo_nav_icon {
  height: 45px;
  width: 45px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}

.header .mat-toolbar-row,
.header .mat-toolbar-single-row {
  background-color: white;
}

.header .mat-badge {
  position: relative;
  left: -11px;
  top: 8px;
}

.header .custom_mat_menu .mat-menu-content button,
.header .mat-menu-item,
.header .dropdown span {
  font-family: 'Questrial', sans-serif !important;
  letter-spacing: 0;
}

header nav {
  background-color: transparent;
  transition: all .3s ease;
}
header nav.scrolled {
  background-color: white;
  z-index: 9;
}

header nav .elhoo-logo svg {
  width: 110px;
}

header nav .elhoo-logo svg path {
  /* fill: #fff; */
  transition: all .3s ease;
}
header nav.scrolled .elhoo-logo svg path {
  fill: #333E42;
}

header nav .elhoo-logo svg path.red_circle {
  fill: #D10F49;
}

header nav .container > .row{
  flex-grow: 1
}
header nav ul#navbarSupportedContent {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: center;
          position: inherit;
  /*
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-left: 0;
        margin-bottom: 0;
        height: 100%;
        */
}

header nav ul#navbarSupportedContent li {
  list-style: none;
  padding: 0 6px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 51px;
}
header nav ul#navbarSupportedContent li a {
  /* color: #fff; */
  color: #333E42;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12em;
  /* text-transform: uppercase; */
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 9999;
}
header nav.scrolled ul#navbarSupportedContent li a {
  color: #333E42;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12em;
  /* text-transform: uppercase; */
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

header nav ul#navbarSupportedContent li a:hover {
  color: #D10F49 !important; 
}

header nav ul#navbarSupportedContent li a.simple_link:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  height: 6px;
  width: 0%;
  background-color: #D10F49;
  transition: width .3s ease; 
}

header nav ul#navbarSupportedContent li a:hover.simple_link:hover:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #D10F49;
}



header nav ul#navbarSupportedContent li a.active {
  color: #333E42 !important;
}

header nav ul#navbarSupportedContent li a.active.simple_link.active:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: #D10F49;
}

header nav ul#navbarSupportedContent li.active a.simple_link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #D10F49;
}

header nav ul#navbarSupportedContent li.lang {
  padding-right: 0 !important;
}

header nav ul#navbarSupportedContent li.lang ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

header nav ul#navbarSupportedContent li.lang ul li {
  position: relative;
  padding-right: 10px !important;
  padding: 0;
}

header nav ul#navbarSupportedContent li.lang ul li a:not(:last-child):after {
  content: '|';
  position: absolute;
  right: 4px;
  top: 0px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          color: #C4C4C4;
}
header .lang ul li a.text-danger::after{
  background: #333e42 !important;
  content: "";
  display: inline-block;
  height: 15px;
  position: absolute;
  top: -3px;
  width: 1px;
  bottom: 0;
  margin: auto;
  right: -8px;
}
header .lang ul li:not(:last-child) a::after{
  background: #C4C4C4;
  content: "";
  display: inline-block;
  height: 12px;
  position: absolute;
  top: -3px;
  width: 1px;
  bottom: 0;
  margin: auto;
  right: -9px;
}
header .navbar.scrolled  ul#navbarSupportedContent li.lang ul li:not(:last-child):after{
  color: #333e42;
}
header nav .menu-mobile-elhoo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home_menu header nav {
  background-color: transparent;
}

.home_menu header nav .elhoo-logo svg path {
  fill: #fff;
}

.home_menu header nav .elhoo-logo svg path.red_circle {
  fill: #D10F49;
}

.home_menu header nav ul#navbarSupportedContent li a {
  color: #fff;
}

.home_menu header nav ul#navbarSupportedContent li.lang ul li:not(:last-child):after {
  color: #fff;
}

.home_menu header.navbar-white nav {
  background-color: #F2F5FA;
}

.home_menu header.navbar-white nav .elhoo-logo svg path {
  fill: #333E42;
}

.home_menu header.navbar-white nav .elhoo-logo svg path.red_circle {
  fill: #D10F49;
}

.home_menu header.navbar-white nav ul#navbarSupportedContent li a {
  color: #333E42;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  -webkit-transition: .3s;
  transition: .3s;
}

.facturation_black_title{
  color: #333E42;
  font-weight: 600;
  font-size: 36px;
  line-height: 55px;
  padding-right: 220px !important;
  margin-bottom: 25px;
}
.facturation_black_title_left{
  color: #333E42;
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.1px;
  line-height: 55px;
  margin-bottom: 28px;
}

.home_menu header.navbar-white nav ul#navbarSupportedContent li a:hover {
  color: #D10F49 !important;
}

.home_menu header.navbar-white nav ul#navbarSupportedContent li.lang ul li:not(:last-child):after {
  color: #333E42;
}

.home_menu header.navbar-white nav ul#navbarSupportedContent.inscription a:hover {
  color: #333E42 !important;
}

#navbarSupportedContent li.lang {
  padding-right: 10px !important;
}

#navbarSupportedContent li.connexion {
  padding-right: 0px !important;
}

#navbarSupportedContent li {
  padding-right: 22px !important;
}

li.inscription {
  padding-right: 0px !important;
}

li.inscription a {
  font-family: 'Poppins', sans-serif !important;
  background: #333E42 !important;
  border-radius: 50px !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #FFFFFF !important;
  border: solid 1px #333E42 !important;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 10px 15px;
  transition: .3s;
}
li.inscription a:hover{
  background: #fff !important;
  color: #333E42 !important;
}

header nav ul#navbarSupportedContent li.inscription a:hover {
  color: #333E42 !important;
  background-color: white !important;
}

li.connexion a {
  font-family: 'Poppins', sans-serif !important;
  background: #D10F49 !important;
  border-radius: 50px !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #FFFFFF !important;
  border: solid 1px #D10F49 !important;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 10px 15px;
}

li.connexion a:hover {
  color: #D10F49 !important;
  background-color: white !important;
}
li.connexion a:hover svg path{
  fill: #D10F49;
}

li.connexion a svg{
  margin-right: 3px;
}

li.connexion {
  padding-right: 10px !important;
}

li.lang {
  padding-right: 25px !important;
}

/*
  
  
  .auth-navbar {
      position: fixed;
      width: 100%;
      // transition: all 0.2s ease-in-out;
      z-index: 100;
      background-color: transparent;
  }
  
  .navbar-white {
      background-color: #fff !important;
      ul li.fonction a,
      li.offre a,
      li.faq a,
      li.lang a,
      li.about a{
          color: black !important;
      &:hover {
          color: #d22254 !important;
      }
      }
  }
  .navbar-white {
      background-color: #fff !important;
      ul li.fonction,
      li.offre,
      li.faq,
      li.lang,
      li.about{
          color: black !important;
      }
  }
  #navbarSupportedContent{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-bottom: 0;
      list-style: none;
  }
  #navbarSupportedContent li a{
      color: #333E42;
      font-family: 'Poppins', sans-serif !important;
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      transition: .3s;
      &:hover{
          color: #D10F49;
      }
  }
  #navbarSupportedContent li{
      padding-right: 50px;
  }
  li.inscription{
      padding-right: 0px !important;
  }
  li.inscription a{
      font-family: 'Poppins', sans-serif !important;
      background: #333E42 !important;
      border-radius: 50px !important;
      font-weight: 400 !important;
      font-size: 11px !important;
      letter-spacing: 0.12em !important;
      color: #FFFFFF !important;
      border: solid 1px #333E42 !important;
      transition: .3s;
      padding: 10px 30px;
      transition: .3s;
  }
  li.inscription a:hover{
      color: #333E42 !important;
      background-color: white !important;
  }
  li.connexion a{
      padding-right: 25px !important;
      font-family: 'Poppins', sans-serif !important;
      background: #D10F49 !important;
      border-radius: 50px !important;
      font-weight: 400 !important;
      font-size: 11px !important;
      letter-spacing: 0.12em !important;
      color: #FFFFFF !important;
      border: solid 1px #D10F49 !important;
      transition: .3s;
      padding: 10px 30px;
  }
  li.connexion a:hover{
      color: #D10F49 !important;
      background-color: white !important;
  }
  li.connexion{
      padding-right: 10px !important;
  }
  li.lang{
      padding-right: 25px !important;
  }
  
  
  */
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  header nav ul#navbarSupportedContent li {
    height: 39px;
  }
  .menu-mobile-elhoo {
    display: unset !important;
  }
}

@font-face {
  font-family: "Avant Garde";
  src: url(../contents/assets/fonts/ITCAvantGardeStdBold.otf);
}

body {
  background-color: #F8FBFF;
  color: #323D41;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.container_custom {
  width: 1400px !important;
}

.container-fluid {
  max-width: 100% !important;
}

.mat-checkbox {
  font-family: inherit;
}

a.link,
a.link:not([href]):not([class]) {
  color: #D20F49;
  -webkit-transition: .3s;
  transition: .3s;
}

a:hover,
a:not([href]):not([class]):hover {
  cursor: pointer;
  color: #323e42;
  text-decoration: none;
}

textarea {
  resize: none;
}

.bg_clear_gray {
  background-color: #ECEFF4;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 5px;
}

#dropdownMenuButton {
  color: white !important;
}

::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #323d41;
}

.mat-badge-medium .mat-badge-content {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.custom-scrollbar-css {
  max-height: 90vh !important;
}

.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #fff;
}

.mat-icon-button ::ng-deep .mat-button-focus-overlay {
  display: none;
}

button:focus {
  outline: none;
}

.first-capital::first-letter {
  text-transform: capitalize !important;
}

.mat-button-focus-overlay {
  background-color: transparent !important;
}

.mat-calendar {
  background-color: #fff;
}

p {
  line-height: 1.8;
}

.PositionContainer {
  padding: 6.5rem 1rem 2rem 7rem;
}

a.btn.elhoo_btn_transparent {
  color: #323d41;
  border-color: #323d41;
  letter-spacing: 1.2px;
  background-color: #fff;
}

a.btn.elhoo_btn_transparent:hover {
  color: #d22254;
  border-color: #d22254;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.23s ease-in-out 0s;
  transition: all 0.23s ease-in-out 0s;
}

a.btn.elhoo_btn_transparent:hover svg path {
  fill: #d22254;
}

.mat-menu-content:not(:empty) {
  background-color: #fff;
}

::ng-deep .mat-select-panel {
  background-color: #fff !important;
}

.form-control {
  display: block;
  color: #495057;
  background-color: #fff;
  border: 1px solid #fff;
}

.form-control:focus {
  outline: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.mat-datepicker-content {
  margin-top: 2px;
  margin-bottom: 2px;
}

.mat-calendar-body-selected {
  background-color: #d22254;
  color: #fff;
}

.mat-form-field-underline {
  display: none;
}

.custom-frame .mat-checkbox-background,
.custom-frame .mat-checkbox-frame {
  border-radius: 70% !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #d22254;
}

.my-custom-dialog-class mat-dialog-container {
  padding: 0;
  background-color: #fff;
}

button {
  letter-spacing: 2px;
  background: #fff;
}

h1 {
  font-weight: normal;
  letter-spacing: 1px;
  color: #d22254;
  font-size: 23px;
  font-family: 'Questrial', sans-serif !important;
  margin: 0;
}

.mat-select {
  line-height: 1;
  font-size: 12px;
  padding-left: 12px;
  max-width: 97%;
}

.mat-checkbox-layout {
  margin-bottom: 0;
}

.chip-cat {
  background: #212529;
  color: #212529 !important;
}

.chip-sous-cat {
  background: #d22254;
  color: #d22254 !important;
}

.disableClick {
  pointer-events: none;
}

.hide_menu_action {
  display: none !important;
}

.mat-header-cell {
  color: black !important;
}

.mat-elevation-z8 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

td.mat-cell,
td.mat-footer-cell {
  border-bottom-color: rgba(250, 250, 250, 0);
}

.badge {
  color: #F2F5FA;
  font-weight: normal;
  width: 100px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  font-size: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 9px;
}

.badge.draft {
  background-color: #6c757d;
}

.badge.sent {
  background-color: #333d41;
}

.badge.cancel {
  background-color: #dc3545;
}

.badge.reminder1 {
  background-color: #ffa501;
}

.badge.reminder2 {
  background-color: #ffa501;
}

.badge.reminder3 {
  background-color: orange;
}

.badge.download {
  background-color: #ea8e37;
}

.badge.paid {
  background-color: #009e00;
}

.badge.accepted {
  background-color: #009e00;
}

.badge.invoiced {
  background-color: #109610;
}

.badge.checked {
  background-color: #35a3dd;
}

.badge.back {
  background-color: #dc3545;
}

.text-spacing-1 {
  letter-spacing: 1px;
}

.text-spacing-2 {
  letter-spacing: 2px;
}

.elhoo_compte_labelInputPosition {
  line-height: 22px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  font-size: 12px !important;
}

textarea.mat-input-element.cdk-textarea-autosize {
  padding: 12px;
}

.mt-28 {
  margin-top: 28px;
}

.BtnLanguageActive {
  color: #d22254 !important;
}

.BtnLanguageInactive {
  color: #323d41 !important;
}

.astext {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/*    // ********** Switch:
  .slider-v2::after {
      position: absolute;
      content: '';
      width: 1.5em;
      height: 1.5em;
      top: 3px;
      left: 0.5em;
      border-radius: 50%;
      transition: 250ms ease-in-out;
      background: linear-gradient(#f5f5f5 10%, #eee);
  }
  
  // ********** Channel:
  .slider-v2::before {
      position: absolute;
      content: '';
      width: 3em;
      height: 1.3em;
      top: 4px;
      left: 1em;
      border-radius: 0.75em;
      transition: 250ms ease-in-out;
      background: linear-gradient(rgba(#000, 0.07), rgba(#fff, 0.1)), #eaeff2;
  } */
.mt-28 {
  margin-top: 28px;
}

.elhoo_document_actions a {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  color: #323d41;
}

.elhoo_document_actions a svg,
.elhoo_document_actions a path {
  fill: #323d41;
  height: 28px;
  -webkit-transition: .15s;
  transition: .15s;
}

.elhoo_document_actions a:hover {
  border-color: #d22254;
}

.elhoo_document_actions a:hover svg,
.elhoo_document_actions a:hover path {
  fill: #d22254;
}

.colorBg {
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
  color: #d22254;
}

.colorBg1 {
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
  color: #d22254;
}

.colorBg2 {
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
  color: #d22254;
}

.bg-secondary {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  background-color: #d22254 !important;
  border-radius: 5px;
  color: white !important;
}

.bg-black {
  background-color: #323D41;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  color: white !important;
}

ul .list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem;
}

.cursor-pointer {
  cursor: pointer;
}

.text-input {
  text-align: center;
}

/*   .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
      background-color: #d22254;
  }
  
  .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
      background-color:  rgb(210 34 84 / 72%);
          }
  
  
          .mat-slide-toggle-bar {
            position: relative;
            width: 34px;
            height: 14px;
            flex-shrink: 0;} */
.document_cammpany_logo {
  background-repeat: no-repeat;
  height: 185px;
  background-position: center;
  background-size: cover;
  margin-right: 6rem;
}

table.products_list tr {
  height: 36px !important;
}

table.products_list td.mat-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

tr.mat-row,
tr.mat-footer-row {
  background: #fff;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.text-input {
  text-align: center;
}

input {
  font-size: 12px !important;
  padding-left: 12px !important;
  margin: 0;
  line-height: initial !important;
}

.style-border {
  border-radius: 21px;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.style_button {
  border-radius: 5px;
  border: 1px solid #323d41;
  background-color: #323d41;
  width: 58%;
  height: 58%;
}

.elhoo_compte_messageErrorPosition {
  margin-top: 18px;
  color: #d22254;
}

.elhoo_compte_messageErrorPositionModal {
  margin-top: 16px;
  color: #d22254 !important;
  font-size: 9px;
}

.page-item-li {
  background: #fff;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.page-item-li:active {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.page_item_active {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  color: #d22254;
}

.colorBgs {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  color: #323d41;
}

.colorBg1s {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  color: #323d41;
}

.colorBg2s {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  color: #323d41;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: transparent;
}

.elhoo_compte_IconSvgStyle {
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.elhoo_compte_IconSvgStyle:hover svg path {
  fill: #d22254;
}

.elhoo_compte_IconSvgStyle1 {
  text-align: center;
  border-radius: 5px;
  width: 45px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  color: #d22254;
}

.elhoo_compte_IconSvgStyle1:hover {
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.1), inset 4.2px 4.2px 4px rgba(119, 132, 157, 0.33), inset -4.2px -4.2px 3.9px rgba(255, 255, 255, 0.47);
}

.elhoo_compte_IconSvgStyle1:hover svg path {
  fill: #d22254;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.btn.focus,
.btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}

.flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* You can add global styles to this file, and also import other style files */
.mat-form-field-infix {
  padding: 0px 0;
  border-top: 0;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #d22254;
}

.mat-form-field {
  border-width: 1px;
  border-radius: 7px;
  background: #fff;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.mat-form-field-wrapper {
  padding-bottom: 0;
}

.mat-form-field-label {
  color: #323d41;
  margin-left: 10px;
}

.mat-focused,
.mat-form-field-label {
  display: block;
  color: black !important;
}

.mat-form-field-empty.mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  display: block;
  color: #323d41 !important;
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 1px;
}

.mat-select-value {
  overflow: visible;
}

.mat-select-arrow-wrapper {
  display: table-cell !important;
  vertical-align: middle !important;
}

.mat-select-arrow-wrapper:active {
  color: black !important;
}

.pagination {
  border-width: 1px;
  border-radius: 7px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.dropdown-menu {
  background-color: #fff !important;
  color: #212529 !important;
  border: 1px solid #ffffff !important;
  border-radius: 0.25rem;
}

.input {
  font-size: 12px !important;
  padding-left: 12px !important;
  color: #323d41 !important;
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: #f0f0f0 !important;
}

.paymentfocus {
  border: 1px dotted #d22254 !important;
  border-radius: 4px;
}

.companyfocus {
  border: 1px dotted #d22254 !important;
  padding: 6px !important;
  border-radius: 4px;
}

h1.titre {
  line-height: 21px !important;
  color: #d22254;
  font-weight: 400;
}

h2.sous-titre {
  font-weight: 400 !important;
  color: #323d41 !important;
  font-size: 18px !important;
  outline: none !important;
  margin-bottom: 1.3rem;
  display: inline-block;
}

span.retour {
  font-weight: 500;
  font-size: 20px;
}

mat-sidenav-content.mat-drawer-content.mat-sidenav-content {
  background: #F8FBFF !important;
  margin-left: 50px !important;
}

mat-sidenav-content.mat-drawer-content.mat-sidenav-content.menu-opened {
  margin-left: 176px !important;
}

mat-form-field.mat-form-field {
  background: #F8FBFF;
  width: 100%;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
}

.menu-table {
  background-color: white;
  border-radius: 22px;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.dropdown-action {
  background: #323d41 !important;
  padding: 8px 10px !important;
  border-radius: 5px !important;
  color: white !important;
}

.dropdown-action p {
  color: white !important;
}

.color-secondary {
  color: #d22254 !important;
}

.color-warn {
  color: #D22254 !important;
}

.modal-title {
  border-bottom: 1px solid #ECEFF4;
  background-color: #ffffff;
  padding: 1rem 1.5rem;
}

.modal-title h2 {
  color: #d22254;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 2px;
  font-size: 25px;
  margin-bottom: 0;
}

::ng-deep.mat-checkbox-frame {
  border: none !important;
  background: #F8FBFF !important;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27) !important;
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27) !important;
}

span.retour {
  font-weight: 500;
  font-size: 20px;
}

#rowHover:hover {
  background-color: #e8ebee !important;
}

mat-sidenav-content.mat-drawer-content.mat-sidenav-content.ng-star-inserted {
  background: #F8FBFF !important;
}

mat-form-field.mat-form-field {
  background: #F8FBFF;
  width: 100%;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
}

.menu-table {
  background-color: white;
  border-radius: 7px;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.dropdown-action {
  background: black;
  padding: 8px 10px;
  border-radius: 5px;
  color: white;
}

.dropdown-action p {
  color: white;
}

.color-secondary {
  color: #d22254 !important;
}

button.mat-menu-item {
  width: auto;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-family: "Questrial", sans-serif !important;
  letter-spacing: 0;
}

.doc_bottom_logo {
  position: relative;
}

.doc_bottom_logo .z-10 {
  z-index: 99;
}

.doc_bottom_logo:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 768px) {
  h1.titre {
    margin-bottom: 3px !important;
  }
  .sous-titre {
    font-size: 12px !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .overflow-sm-auto {
    overflow: auto;
  }
  .mat-table {
    min-width: 550px;
  }
}

.elhoo_title p {
  color: #d22254 !important;
  font-size: 16px;
}

.language_panel {
  min-width: 291px !important;
  max-width: 280px !important;
  margin-top: -18px !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-height: calc(100vh - 48px) !important;
  border-radius: 4px !important;
  outline: 0;
  min-height: 64px !important;
}

.index {
  color: #d22254 !important;
}

::ng-deep .periode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.periode .mat-expansion-panel .mat-expansion-panel-header-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem !important;
  text-align: left;
  padding: 0 !important;
  font-size: 13px;
}

.periode .mat-form-field {
  background: #fff !important;
  width: 280px !important;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}

.periode .mat-form-field-appearance-fill .mat-form-field-flex {
  background: #FFFFFF !important;
}

.periode .mat-select-arrow {
  width: 0;
  height: 0;
  border: 0;
  margin: 0 4px;
}

.periode .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: #fff !important;
}

.periode .mat-accordion .mat-expansion-panel:last-of-type {
  border-radius: 20px !important;
}

.periode .mat-expansion-panel {
  background: #fff !important;
  width: 296px !important;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}

.periode .mat-expansion-panel .mat-expansion-indicator::after {
  border-style: none !important;
  border-width: 0 !important;
}

.periode .mat-expansion-panel .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding-top: 31px !important;
  padding-left: 16px !important;
  padding-right: 7px !important;
}

.periode .mat-expansion-panel .header::after {
  content: url("../contents/assets/datepicker.svg") !important;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(2deg) !important;
          transform: rotate(2deg) !important;
  height: 27px !important;
}

.periode .mat-expansion-panel .header:hover {
  background: #fff !important;
}

.periode .mat-expansion-panel .header hr {
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.periode .mat-expansion-panel .mat-expansion-panel-header-title {
  margin-right: 0;
}

.periode .mat-expansion-panel .mat-expansion-panel-header-title {
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.periode .customize {
  position: absolute !important;
  z-index: 100 !important;
}

.periode .customize .mat-expansion-panel-header {
  padding: 0;
}

.periode .mat-expansion-panel-content .option :hover {
  background: #584f4f0a !important;
}

.periode .mat-form-field {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.periode .mat-form-field .mat-form-field-infix .mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 1.25em 0 .75em 0 !important;
}

.periode .mat-datepicker-toggle svg {
  width: 25px !important;
}

.periode input {
  font-size: 12px !important;
  padding-left: 5px !important;
  margin: 0;
  line-height: initial !important;
}

.periode .mat-date-range-input-start-wrapper .mat-date-range-input-inner,
.periode .mat-date-range-input-end-wrapper {
  pointer-events: none !important;
}

.periode .mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.80em 0 .75em 0 !important;
}

.periode .periode .mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.8em 0px 0.75em 10px !important;
}

.periode .mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: 4px 4px 0 0;
  padding: -0.25em .75em 0 .75em;
}

.periode .btn {
  background-color: #d22254 !important;
}

.periode .mat-form-field {
  background: #fff !important;
  width: 280px !important;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  margin-left: -23px !important;
}

.periode .mat-date-range-input-separator {
  -webkit-transition: opacity 400ms 133.33333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms 133.33333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  margin: 0 8px !important;
}

.periode .mat-expansion-panel-content .option :hover {
  background: #fff !important;
}

.periode .cdk-overlay-pane {
  position: relative !important;
}

.periode .mat-form-field-appearance-fill .mat-form-field-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

#select-filter ::ng-deep .mat-form-field-flex {
  background-color: #d22254 !important;
  border-radius: 5px;
  color: white;
  font-size: 12px;
}

#select-filter ::ng-deep .mat-form-field-flex span {
  color: white;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: unset !important;
}

/* Envoyée */
.status-envoye {
  background: url("../contents/assets/status-envoye.svg") no-repeat scroll top center;
}

.status-sent {
  background: url("../contents/assets/status-sent.svg") no-repeat scroll top center;
}

.status-verzonden {
  background: url("../contents/assets/status-verzonden.svg") no-repeat scroll top center;
}

.status-brouillon {
  background: url("../contents/assets/status-brouillon.svg") no-repeat scroll top center;
}

.status-draft {
  background: url("../contents/assets/status-draft.svg") no-repeat scroll top center;
}

.status-facture {
  background: url("../contents/assets/status-facture.svg") no-repeat scroll top center;
}

.status-billed {
  background: url("../contents/assets/status-billed.svg") no-repeat scroll top center;
}

.status-gefactureerd {
  background: url("../contents/assets/status-gefactureerd.svg") no-repeat scroll top center;
}

.status-paye {
  background: url("../contents/assets/status-paye.svg") no-repeat scroll top center;
}

.status-refuse {
  background: url("../contents/assets/status-refuse.svg") no-repeat scroll top center;
}

.status-declined {
  background: url("../contents/assets/status-declined.svg") no-repeat scroll top center;
}

.status-geweigerd {
  background: url("../contents/assets/status-geweigerd.svg") no-repeat scroll top center;
}

.status-accepte {
  background: url("../contents/assets/status-accepte.svg") no-repeat scroll top center;
}

.status-accepted {
  background: url("../contents/assets/status-accepted.svg") no-repeat scroll top center;
}

.status-goedgekeurd {
  background: url("../contents/assets/status-goedgekeurd.svg") no-repeat scroll top center;
}

.round-progress {
  width: 100px !important;
  height: 100px !important;
  margin: 0% !important;
  padding: 1px !important;
}

/*filtering tables */
.brush {
  font-family: "Brush Script MT", cursive !important;
}

.free-note {
  font-size: 24px !important;
}

.separator-border {
  border-right: 1px solid #251e1e38 !important;
}

#myChart {
  width: 100% !important;
  height: 333px !important;
}

#table th.mat-header-cell,
#table td.mat-cell {
  padding: 10px 18px !important;
  margin: auto !important;
}

#table th.mat-header-cell:first-child,
#table td.mat-cell:first-child {
  padding-left: 0 !important;
}

#table th.mat-header-cell:last-child,
#table td.mat-cell:last-child {
  padding-right: 0 !important;
  text-align: right;
}

.d-none {
  display: none !important;
}

.total {
  border-top: 1px solid #ECEFF4 !important;
  padding-top: 14px !important;
}

.preference .save-preference {
  background-color: #323d41;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 11px 22px;
  border-radius: 10px;
}

.preference .save-preference:hover {
  background-color: #d22254;
  color: #fff;
}

.preference textarea {
  background: aliceblue;
  border-radius: 10px;
  border: 1px solid #dbe0e8;
  -webkit-box-shadow: rgba(246, 246, 246, 0.02) 0px 0px 4px, rgba(255, 255, 255, 0.58) -2.8px -2.8px 3.9px inset, rgba(119, 132, 157, 0.27) 3.5px 3.5px 4px inset;
          box-shadow: rgba(246, 246, 246, 0.02) 0px 0px 4px, rgba(255, 255, 255, 0.58) -2.8px -2.8px 3.9px inset, rgba(119, 132, 157, 0.27) 3.5px 3.5px 4px inset;
  margin: -2px 0px;
  width: 407px;
}

.preference textarea.mat-input-element.cdk-textarea-autosize {
  resize: auto;
}

.contact .save-contact {
  background-color: #323d41;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 11px 22px;
  border-radius: 10px;
}

.contact .save-contact:hover {
  background-color: #d22254;
  color: #fff;
}

.contact .text-info {
  font-size: 12px;
  color: #323d41 !important;
}

.contact .help,
.contact .red-text {
  color: #d22254;
}

.alert-miss-field {
  position: relative;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #E10000 !important;
  height: 26px;
}

.alert-miss-field span {
  color: white;
  font-size: 12px;
}

.alert-miss-field svg {
  margin-right: 10px;
}

.alert-miss-field svg path {
  fill: white !important;
}

.mat-snack-bar-container {
  padding-left: 35px !important;
  padding-right: 17px !important;
  min-width: 900px !important;
  border-radius: 12px !important;
  position: relative !important;
}

.mat-snack-bar-container:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mat-snack-bar-container.snack_red {
  background-color: #E10000 !important;
}

.mat-snack-bar-container.snack_red:before {
  content: url(../contents/assets/icons_info.svg);
}

.mat-snack-bar-container.snack_green {
  background-color: #699F00 !important;
}

.mat-snack-bar-container.snack_green:before {
  content: url(../contents/assets/icons_check.svg);
}

.mat-snack-bar-container p {
  margin-bottom: 0;
  color: #fff;
}

.client-choose {
  position: absolute;
  left: 27px;
  top: -60px;
}

.client-choose svg {
  margin-right: .5rem;
}

.client-choose span {
  color: #d22254;
  font-size: 24px;
}

.fill-client-input {
  background: rgba(210, 34, 84, 0.4) !important;
}

.fill-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fill-products .fill-product {
  background: rgba(210, 34, 84, 0.4) !important;
  height: 48px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
}

.fill-products span {
  margin: -11px 34px !important;
  color: #d22254 !important;
  font-size: 24px;
}

.fill-payments {
  background: #eda7bb;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
}

.payment-instructions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.payment-instructions span {
  margin: -11px 34px !important;
  color: #d22254 !important;
  font-size: 24px;
}

.auth-navbar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-left: 0;
  margin-bottom: 0;
  background-color: unset !important;
}

.auth-navbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 !important;
}

.auth-navbar ul#menuItems li {
  display: inline;
  list-style: none;
  color: white;
  font-size: 15px;
  margin-left: 90px;
  margin-right: 0;
  padding: 5px 0px;
}

.auth-navbar ul#menuItems .connexion {
  padding: 0px 44px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  background-color: #d22254;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
  border: solid 1px #d22254;
  -webkit-transition: .3s;
  transition: .3s;
}

.auth-navbar ul#menuItems .connexion:hover {
  background-color: white;
  color: #d22254;
}

.auth-navbar ul#menuItems .inscription {
  padding: 0px 44px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  background-color: #323d41;
  border: solid 1px #323d41;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
  -webkit-transition: .3s;
  transition: .3s;
}

.auth-navbar ul#menuItems .inscription:hover {
  background-color: white;
  color: #323d41;
}

.auth-navbar ul#menuItems li a {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  -webkit-transition: .3s;
  transition: .3s;
}

.auth-navbar ul#menuItems li a:hover {
  color: #d22254;
}

.signature {
  height: 50px;
  width: 100px;
  display: block;
  font-size: 20px;
  color: black;
  display: block;
  border-bottom: 2px solid black;
}

textarea.mat-input-element {
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
  border-radius: 8px !important;
  min-height: 150px !important;
  background-color: #F8FBFF !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 13px !important;
  line-height: 1.3 !important;
}

.mat-checkbox-layout .mat-checkbox-label {
  white-space: normal !important;
}

/*** INPUT STYLE ***/
.mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0 !important;
  height: 50px;
}

.mat-form-field-appearance-outline .mat-form-field-flex {
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
  border-radius: 8px;
  height: 50px;
  background-color: #F8FBFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mat-form-field {
  height: 50px;
}

.mat-form-field.pageSize {
  width: 70px !important;
}

.bg_secondary .mat-form-field,
.bg_secondary .mat-form-field-appearance-outline .mat-form-field-flex,
.bg_secondary .mat-form-field-appearance-outline .mat-form-field-outline {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg_secondary .mat-select-value-text {
  color: #fff;
}

.bg_secondary .mat-select-arrow {
  color: #d22254;
}

.bg_secondary .mat-form-field-appearance-outline .mat-form-field-flex,
.bg_secondary .mat-form-field-appearance-outline .mat-form-field-outline-start {
  background-color: #d22254;
}

.bg_incomplete .mat-form-field,
.bg_incomplete .mat-form-field-appearance-outline .mat-form-field-flex,
.bg_incomplete .mat-form-field-appearance-outline .mat-form-field-outline {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg_incomplete .mat-select-value-text {
  color: #fff;
}

.bg_incomplete .mat-select-arrow {
  color: #d22254;
}

.bg_incomplete .mat-form-field-appearance-outline .mat-form-field-flex,
.bg_incomplete .mat-form-field-appearance-outline .mat-form-field-outline-start {
  background-color: #eda7bb;
}

.bg_incomplete textarea {
  background-color: #eda7bb !important;
}

.bg_primary .mat-form-field,
.bg_primary .mat-form-field-appearance-outline .mat-form-field-flex,
.bg_primary .mat-form-field-appearance-outline .mat-form-field-outline {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg_primary .mat-select-value-text,
.bg_primary .mat-select-placeholder,
.bg_primary .mat-select-arrow {
  color: #fff;
}

.bg_primary .mat-form-field-appearance-outline .mat-form-field-flex,
.bg_primary .mat-form-field-appearance-outline .mat-form-field-outline-start {
  background-color: #323d41;
}

.meduim .mat-form-field,
.meduim .mat-form-field-appearance-outline .mat-form-field-flex,
.meduim .mat-form-field-appearance-outline .mat-form-field-outline {
  height: 36px;
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 8px 8px 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 8px 0 0 8px !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  min-width: 8px !important;
}

.mat-select,
.mat-form-field-infix {
  font-family: 'Questrial', sans-serif !important;
}

.mat-select,
input.mat-input-element {
  font-size: 14px !important;
  padding-left: 0 !important;
}

.mat-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
}

.mat-select .mat-select-arrow-wrapper {
  -webkit-transform: unset !important;
          transform: unset !important;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 0.9;
}

.mat-option {
  font-family: "Questrial", sans-serif !important;
}

.input-group-client .mat-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-group-client .mat-form-field-wrapper {
  padding-bottom: 0 !important;
  width: 100%;
}

.mat-slide-toggle .mat-slide-toggle-bar {
  background: #F2F5FA;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65), inset 0px 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65), inset 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.mat-slide-toggle .mat-slide-toggle-thumb {
  background-color: #fc5949;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #699F00;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: unset;
}

.mat-slide-toggle .mat-slide-toggle-content {
  font-family: unset;
  font-size: 13px;
}

.custom_file_upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F8FBFF;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
  padding: 7px;
  border-radius: 7px;
}

.custom_file_upload .btn {
  height: 21px !important;
  border-radius: 6px !important;
}

.ql-toolbar.ql-snow {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}

.ql-editor {
  border-width: 1px;
  border-radius: 7px;
  height: auto;
  min-height: 150px;
  border-color: #fafafa;
  background: #F8FBFF;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
}

.ql-editor::-webkit-input-placeholder {
  text-decoration: none;
}

.ql-editor:-ms-input-placeholder {
  text-decoration: none;
}

.ql-editor::-ms-input-placeholder {
  text-decoration: none;
}

.ql-editor::placeholder {
  text-decoration: none;
}

::ng-deep .ql-editor {
  height: auto;
}

.ql-container.ql-snow {
  border: unset;
}

label.margin_top {
  margin-top: 1rem;
}

.mat-checkbox-inner-container {
  border-color: #fafafa;
  background: #F8FBFF;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27);
}

/*** END INPUT STYLE ***/
/*** END BUTTON STYLE ***/
.btn {
  border-radius: 5px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.25px;
  font-size: 14px;
  -webkit-transition: .3;
  transition: .3;
}

.btn.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-left: 1rem;
  text-align: left;
}

.btn.center {
  left: 0;
  right: 0;
  margin: auto;
}

.btn.primary {
  color: #fff;
  background-color: #d22254;
  color: #fff;
}

.btn.primary:hover {
  background-color: #323d41;
}

.btn.secondary {
  color: #fff;
  background-color: #323d41;
  color: #fff;
}

.btn.secondary:hover {
  background-color: #d22254;
}

.btn.reject {
  color: #fff;
  background-color: #E90000;
}

.btn.reject:hover {
  background-color: #323d41;
}

.btn.accept {
  color: #fff;
  background-color: #699F00;
}

.btn.accept:hover {
  background-color: #323d41;
}

.btn.blanc {
  height: 68px;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  border-radius: 18px;
}

.btn.blanc.disableClick {
  color: #d6d6d6;
  background-color: #f5f5f5;
}

.btn.blanc.blanc_primary {
  color: #d22254;
}

.btn.blanc.blanc_primary svg {
  margin-right: .5rem;
}

.btn.blanc.blanc_primary:hover {
  border-color: #d22254;
}

.btn.blanc.blanc_secondary {
  color: #323d41;
}

.btn.blanc.blanc_secondary svg {
  margin-right: .5rem;
}

.btn.blanc.blanc_secondary:hover {
  border-color: #323d41;
}

/*** END BUTTON STYLE ***/
/**/
.mat-badge-content {
  background-color: #d22254 !important;
  color: #fff !important;
}

mat-expansion-panel.mat-expansion-panel {
  border-radius: 18px !important;
  padding-left: 0px;
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 400 15px 'Questrial', sans-serif !important;
  letter-spacing: 1.25px;
}

mat-expansion-panel.mat-expansion-panel.box-shadow {
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15) !important;
}

mat-expansion-panel.mat-expansion-panel.box-shadow .mat-expansion-panel-body {
  border-top: 1px solid #ECEFF4;
}

mat-expansion-panel.mat-expansion-panel:hover {
  border-color: 1px solid black;
  background-color: white;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0px;
  height: 68px !important;
  font: 400 15px 'Questrial', sans-serif !important;
  letter-spacing: 1.25px;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header:hover {
  border-color: 1px solid black;
  background-color: white !important;
}

mat-expansion-panel.mat-expansion-panel mat-panel-title.mat-expansion-panel-header-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
  padding-right: 8px;
  text-align: left;
  padding-top: 15px;
  font-size: 13px;
  padding-bottom: 15px;
  font-size: 13px;
}

mat-expansion-panel.mat-expansion-panel mat-panel-title.mat-expansion-panel-header-title svg {
  margin-right: 8px;
  height: 24px;
}

mat-expansion-panel.mat-expansion-panel mat-panel-title.mat-expansion-panel-header-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
  padding-right: 8px;
  text-align: left;
  padding-top: 15px;
  font-size: 13px;
  padding-bottom: 15px;
  font-size: 13px;
}

mat-expansion-panel.mat-expansion-panel mat-panel-title.mat-expansion-panel-header-title svg {
  margin-right: 8px;
  height: 24px;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body {
  padding-left: 0;
  padding-right: 0;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body a {
  font: 400 15px 'Questrial', sans-serif !important;
  letter-spacing: 1.25px;
  color: #d22254;
  display: block;
  padding-left: 1.7rem;
  -webkit-transition: .3s;
  transition: .3s;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body a svg {
  margin-right: .5rem;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body a svg path {
  stroke: #d22254;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body a:hover {
  color: #323d41;
}

mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body a:hover svg path {
  stroke: #323d41;
}

/**/
/* HISTORIQUE STYLE */
.historique p {
  font-size: 16px;
  margin-bottom: 15px;
}

.historique ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 2px solid #DADADA;
  margin-left: 18px;
  position: relative;
}

.historique ul:before {
  content: url("../contents/assets/img/historique_arrow.svg");
  position: absolute;
  left: -9.5px;
  top: -15.313px;
}

.historique li {
  font-size: 12px;
  margin-bottom: .7rem;
}

.historique li .date-created {
  color: #A1A1A1;
  white-space: pre;
}

.historique li .d-flex {
  padding-bottom: 16px;
}

.historique li svg {
  margin-left: -8px;
  margin-right: 15px;
  min-width: 14px;
  min-height: 14px;
}

/* END HISTORIQUE STYLE */
/*** TABLE STYLE ***/
.mat-table {
  font-family: 'Questrial', sans-serif;
}

.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  font-size: 14px;
  font-weight: 400;
  color: #323d41 !important;
}

.mat-table td.mat-cell {
  font-size: 12px;
}

.mat-table svg:hover {
  cursor: pointer;
}

.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  padding: 15px 0px;
}

.mat-table ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.mat-table ul li {
  list-style: none;
  position: relative;
}

.mat-table ul li:before {
  content: '-';
  position: absolute;
  left: -10px;
}

.mat-table p {
  margin-bottom: 0;
}

/*** END BUTTON STYLE ***/
.document_total p {
  font-size: 12px;
}

.document_total .total p {
  font-size: 16px;
}

.payement_instruction p {
  font-size: 12px;
}

.payement_instruction ul li {
  position: relative;
  font-size: 12px;
  padding-right: 10px;
}

.payement_instruction ul li:not(:last-child):after {
  content: '|';
  position: absolute;
  right: 0;
  top: 0;
}

.img_client .entreprise_logo {
  max-height: 117px;
  max-width: 90%;
}

.journal {
  background: #FDFEFF;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}

.journal p {
  color: #d22254;
}

.journal span {
  color: #acb2bd;
}

ul.invoice_details li,
ul.invoice_custom_fields li {
  margin-bottom: .5rem;
}

.document_actions_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 25px;
}

::ng-deep .mat-dialog-container {
  max-height: 90vh !important;
}

.upload-product ::ng-deep.mat-checkbox-frame {
  border: none !important;
  background: #F8FBFF !important;
  -webkit-box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27) !important;
          box-shadow: 0px 0px 4px rgba(246, 246, 246, 0.02), inset -2.8px -2.8px 3.9px rgba(255, 255, 255, 0.58), inset 3.5px 3.5px 4px rgba(119, 132, 157, 0.27) !important;
}

.upload-product .plus:hover svg path {
  fill: #d22254;
}

.upload-product .custom-select[multiple],
.upload-product .custom-select[size]:not([size="1"]) {
  height: 145px;
  padding-right: .75rem;
  background-image: none;
  background-color: #eaeff2;
  font-size: 11px;
  color: #323d41;
}

.upload-product svg {
  overflow: hidden;
  vertical-align: middle;
  height: 14px;
}

.upload-product .table_form {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 0;
  font-size: 10px !important;
}

.upload-product .table_form td.mat-cell:first-child {
  border-radius: 10px 0px 0px 10px;
  border-left: 1px;
  border-left: unset;
  font-size: 11px;
}

.upload-product .table_form .mat_form_ref {
  width: 93px;
  height: 32px;
}

.upload-product .table_form .mat_form_lib {
  width: 124px;
  height: 32px;
}

.upload-product .table_form .mat_form_quantite {
  width: 124px;
  height: 32px;
}

.upload-product .table_form .mat_form_unite {
  width: 60px;
  height: 32px;
}

.upload-product .table_form .mat_form_categorie {
  width: 116px;
  border-width: 1px;
  border-radius: 7px;
  height: 32px;
  position: relative;
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.upload-product .table_form .mat_form_categorie:focus {
  background: #fff;
}

.upload-product .table_form .mat_form_prix {
  width: 100px;
  height: 32px;
}

.upload-product .table_form .mat_form_montant {
  width: 79px;
  height: 32px;
}

.upload-product .table_form .mat_form_description {
  width: 116px;
  border-width: 1px;
  height: 32px;
  border-radius: 7px;
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.upload-product .table_form .mat_form_description:focus {
  background: #fff;
}

.upload-product .table_form .mat_form_remise {
  width: 100px;
  border-width: 1px;
  height: 32px;
  border-radius: 7px;
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}

.upload-product .table_form .mat_form_remise:focus .upload-product .table_form .mat_form_remise:active {
  background: #fff;
}

.upload-product .table_form .td_btn {
  width: 82px;
}

.upload-product .hide {
  visibility: collapse;
}

.upload-product .mat-checkbox-layout {
  font-size: 13px;
}

.upload-product table {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0px 5px !important;
  font-style: normal;
  font-size: 11px;
}

.upload-product td.mat-cell:last-child {
  border-radius: 0px 10px 10px 0px;
  border-right: 1px;
  font-size: 11px;
}

.upload-product tr.mat-row {
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  font-size: 11px;
  font-size: 11px;
}

.upload-product td.mat-cell {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 11px;
}

.upload-product th.mat-header-cell,
.upload-product td.mat-cell,
.upload-product td.mat-footer-cell {
  padding-left: 0px !important;
  /*
     font-size: 11px;
     padding: 6px;
     */
}

.upload-product th.mat-header-cell:last-of-type,
.upload-product td.mat-cell:last-of-type,
.upload-product td.mat-footer-cell:last-of-type {
  padding-right: 0px !important;
}

.upload-product .modal-title {
  margin: 0 0 8px !important;
}

.upload-product ::ng-deep.libcatdescr .mat-form-field {
  margin-top: 0px !important;
}

.upload-product input.mat-input-element {
  text-align: start !important;
}

.upload-product .mat_form_ref {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 0;
  width: 69px;
}

.upload-product .mat-input-text {
  font: inherit;
  background: #09233100;
  -webkit-box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
          box-shadow: 5.9px 6.8px 15.5px rgba(137, 148, 169, 0.28), -2.8px -2.8px 8px white, inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
  color: currentColor;
  border: none;
  border-radius: 10px;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  text-align: inherit;
}

.upload-product table {
  width: 800px;
}

.upload-product .mat-select-arrow-wrapper {
  display: table-cell;
  vertical-align: middle !important;
}

.upload-product ::ng-deep .mat-select-value {
  display: table-cell;
  max-width: 0;
  width: 100%;
  overflow: visible !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-product textarea {
  overflow: visible;
  resize: auto;
  font-size: 12px;
  line-height: 18px;
  padding: 10px;
}

.upload-product .fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  display: none;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  background-clip: padding-box;
}

.upload-product ::ng-deep.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #d30e49 !important;
}

.upload-product ::ng-deep.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(211, 14, 73, 0.36) !important;
}

.upload-product .submitAdd {
  background-color: #d22254;
  background-color: #d22254;
  border-radius: 6px;
  color: white;
  font-size: 13px;
  letter-spacing: 2px;
  padding: 13px 44px;
}

.upload-product .submitAdd svg {
  fill: white;
  height: 14px;
}

.upload-product .submitAdd:hover {
  background-color: white;
  border-color: #d22254;
  color: #d22254;
}

.upload-product .submitAdd:hover svg {
  fill: #d22254 !important;
}

.upload-product .action svg {
  height: 34px;
}

.upload-product table svg.edit,
.upload-product table svg.delite {
  fill: #323d41;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.upload-product .mat-column-ref,
.upload-product .col_reference {
  width: 10%;
  max-width: 100px;
}

.upload-product .mat-column-quantite,
.upload-product .col_quantite {
  width: 10%;
  max-width: 100px;
}

.upload-product .col_libelle {
  width: 35%;
  max-width: 350px;
}

.upload-product .col_libelle.no_col_reference {
  width: 45%;
  max-width: 450px;
}

.upload-product .col_libelle.no_col_unite {
  width: 45%;
  max-width: 450px;
}

.upload-product .col_libelle.no_col_reference_unite {
  width: 55%;
  max-width: 550px;
}

.upload-product .mat-column-libelle {
  width: 35%;
  max-width: 350px;
}

.upload-product .mat-column-libelle.no_col_reference {
  width: 45%;
  max-width: 450px;
}

.upload-product .mat-column-libelle.no_col_unite {
  width: 45%;
  max-width: 450px;
}

.upload-product .mat-column-libelle.no_col_reference_unite {
  width: 55%;
  max-width: 550px;
}

.upload-product .mat-column-unite,
.upload-product .col_unite {
  width: 10%;
  max-width: 100px;
}

.upload-product .mat-column-prix,
.upload-product .col_prix {
  width: 10%;
  max-width: 100px;
}

.upload-product .mat-column-remise,
.upload-product .col_remise {
  width: 10%;
  max-width: 100px;
}

.upload-product .mat-column-tva,
.upload-product .col_tva {
  width: 10%;
  max-width: 100px;
}

.mat-drawer {
  display: contents;
}

.mat-drawer-inner-container {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
}

.elho-nav .side-bar .elhoo_dashboardMenu_IconSvgStyle {
  width: 100% !important;
  height: 58px !important;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

.elho-nav .side-bar .elhoo_dashboardMenu_IconSvgStyle.rightArrow:after {
  content: url(../contents/assets/active_menu.svg);
  position: absolute;
  right: -21px;
  top: 0;
  z-index: 999;
}

.elho-nav .side-bar .elhoo_dashboardMenu_IconSvgStyle a {
  color: unset;
  padding: 20px 27px 20px 5px;
}

.elho-nav .sous-menu-container .elhoo_dashboardMenu_IconSvgStyle {
  padding-top: 9px;
  padding-bottom: 9px;
  height: 43px !important;
}
.elhoo_dashboard { 
  padding-bottom: 8rem !important; 
}
.elho-nav .sous-menu-container a,
.elho-nav .sous-menu-container a:hover {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2rem;
  margin-left: 2rem;
  color: #A1A1A1;
  white-space: nowrap;
  font-size: 12px;
}

.elho-nav .sous-menu-container a:hover {
  color: #d22254;
}

.red-notification,
.redd {
  color: #d22254 !important;
  fill: #d22254 !important;
}

.dark-notification {
  color: #323d41 !important;
  fill: #323d41 !important;
}

.green-notification {
  color: green !important;
  fill: green !important;
}

.notification-date {
  width: 118px !important;
}
.home_wave_white{
  width: 100%;
}
.ntr_offre_btn_filter{
  filter: drop-shadow(-5px 7px 13px rgba(209, 15, 73, 0.25));
  box-shadow: 0px 0px 0px rgb(209 15 73 / 0%) !important;
  margin-top: 17px;
}
.notre_offre_contain{
  width: 90%;
}
.partout_contain h2{
  color: #333E42;
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.1px;
  line-height: 55px;
  margin-bottom: 16px;
}
.partout_contain p{
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
  line-height: 19px;
  font-weight: 400;
  width: 90%;
}
.right_black_arrow{
  margin-top: 17px;
}
.blog-circle{
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.economiser_black_title{
  font-weight: 700;
  line-height: 46px;
  width: 85%;
  margin-top: 30px;
  margin-bottom: 36px;
}
.economiser_contain p{
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
  line-height: 21px;
  font-weight: 400;
  width: 90%;
}  

.slidingVertical{
	display: inline;
	text-indent: 8px;
}
.slidingVertical span{
	animation: topToBottom 12.5s linear infinite 0s;
	-ms-animation: topToBottom 12.5s linear infinite 0s;
	-webkit-animation: topToBottom 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}

.pourquoi_black_title{
  font-weight: 700;
  line-height: 55px;
}
.bottom_wave_bg{
  background-position: initial;
  background-size: cover;
  min-height: 220px;
}
.pourquoi_black_text{
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.45px;
  line-height: 21px;
  margin-top: 15px;
}
.elhoo_atouts{
  margin-top: 0px;
}
.prix_adorable_black_title{
  font-weight: 700;
  line-height: 53px;
  margin-bottom: 0;
}
.footer li{
  padding-right: 6px !important;
}
.payment .essai span{
  font-size: 13px !important;
}
.blog-picto-chiffre svg{
  width: 25px;
  height: auto;
  margin-bottom: 10px;
}
.temoignages_black_title{
  font-size: 36px;
  line-height: 39px;
  letter-spacing: 0.1px;
  color: #333E42;
  margin-bottom: 45px;
}
.temoignages_black_title{
  margin-bottom: 50px !important;
}
.pourquoi_elhoo_contain p{
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  width: 80%;
  margin:auto;
}
/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
.mail_link:hover{
  color: #d22254 !important;
}
section.blog-actions{ 
  background-color: #fff;
}
section.faq_blog_actions{
  background-color: #f2f5fa;
  padding-bottom: 5rem;
}

section.faq_blog_actions .action{
  background-color: #f2f5fa;
}
section.question button.btn-link{
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 3rem !important;
}
section.question button.btn-link{
  background-color: #d10e49;
  height: 100%;
  padding: 19px;
  border-radius: 50px;
  color: #fff;
  text-transform: inherit;
}
section.question button.btn-link.collapsed{
  background-color: #fefeff;
  height: 100%;
  padding: 19px;
  border-radius: 50px;
  color: #333e42;
}
section.question button.btn-link:after {
  content: '\f068';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);   
  right: 30px;
  color: #fff;
  font-weight: 600;   
  font-size: 14px;
}
section.question button.btn-link.collapsed:after {
  content: '\f078';
  font-size: 16px;
  color: #333E42;
}   
.support_btn:hover{
  color: #d10e49 !important;
}
.text-faq .faq h1{
  margin-bottom: 0;
  margin-top: 27px;
}
.header_link{
  color: #333E42;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 1.25px;
  transition: all .3s ease;   
}
.header_link:hover{   
  color: #D10F49 !important;
}  
.press_coordonne{
  letter-spacing: 0.45px !important;
  line-height: 21px !important;
}  
.seconde-blog-press{
  padding: 54px 0 29px;
  padding-top: 40px;
}
.threelines_press{
  position: absolute; 
  left: 33%;
  top: -71px;
}
.parlent_de_nous_black_title{
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px !important;
  line-height: 39px !important;
  letter-spacing: 0.1px !important;
  color: #333E42;
  margin-bottom: 45px !important;
}
.pourquoi_elhoo_contain{

}
.pourquoi_elhoo_contain_fonctionalite p{
  margin: initial;
  font-size: 13px;
  font-family: "Poppins", sans-serif !important;
  line-height: 22px;
  font-weight: 400;
  width: 80%;
}
.free_trial_text{
  font-size: 20px !important;
}
.menu_fr_link{
  margin-right: 4px;
}
.menu_nl_link{
  margin: 0 4px;
}
.menu_en_link{
  margin-left: 4px;
}
.wel_semi_grayellipse,
.wel_semi_ellipse3{
  margin-top: -80px !important;
}
.home_slidertitles{
  display: inline-flex;
  /* margin-right: 210px; */
}



.v-slider-frame {
  margin-left: auto;
  height: 49px;
  overflow: hidden;
  text-align: left;
}
ul.v-slides {
  list-style-type: none;
  transform: translateY(43px);
  padding:0;
}
.v-slide {
  font-size: 35px;
  line-height: 43px;
  color: #d22254;
}

.mobile_nav_btn_connexion{
  color: #fff !important;
  background-color: #d22254;
  font-size: 12px !important;
  padding: 15px;
  border-radius: 25px;
}
.mobile_nav_btn_inscription{
  color: #fff !important;
  background-color: rgb(51, 62, 66);
  font-size: 12px !important;
  padding: 15px 24px;
  margin-left: 5px;
  border-radius: 25px;
}
  

.why_elhoo_list{
  /* max-height: 565px;
  overflow-y: auto; */
  position: relative;
}

.why_elhoo_item .picto{
  background: #fff !important;
}
.why_elhoo_item.active .picto{
  background: #D10F49 !important;
}


.report-circle .picto{
  width: 105px;
  height: 105px;
  min-width: 105px;
  min-height: 105px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 3rem;
  box-shadow: 5px 6px 17px 16px rgb(242 245 250 / 50%);
}
.why_items{
  margin-bottom: 3rem;
}
.why_items h3{
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.45px;
  line-height: 41px;
}    
.why_items p{
  margin-bottom: 0;    
  font-size: 13px;
  letter-spacing: 0.45px;
  line-height: 21px;
  width: 80%;   
  font-weight: 300;   
  min-height: 85px;   
}   
.reporting .slick-list{   
  padding: 35px 35px 0px;     
}  
.reporting .sld:before{
  content: '';
  width: 4px;
  height: 100%;
  /* height: 180%; */
  background: #d10f49;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #d10f49), to(white));
  background: linear-gradient(180deg, white 0%, #d10f49 50%, white 100%);
  position: absolute;
  left: 88px;
  z-index: 0;
  top: 0;
}
    
/* .slick-active.red_bg .picto{
  background: #d10f49;
}    */

.slick-current + .slick-active .picto{
  background: #d10f49;
}
.slick-current + .slick-active .picto svg path{
  fill: white;
}

.why_elhoo_list{
  display: none !important;
}
.sld_mobile{
  display: none !important;
}
  

#mc_embed_signup{
  background: #d10e49 !important;
}
#mc_embed_signup .indicates-required{
  display: none !important;
}
#mc_embed_signup .button{
  background: #333E42;
  background-color: #333E42 !important;
  -webkit-box-shadow: 0px 4px 14px rgb(209 15 73 / 25%) !important;
  box-shadow: 0px 4px 14px rgb(209 15 73 / 25%) !important;
  border-radius: 50px !important;
  color: white !important;
  border: solid 1px #333E42 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  letter-spacing: 0.12em !important;
  -webkit-transition: .3s !important;
  transition: .3s !important;
  width: 145px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  height: 36px !important;
  padding: 0px 7px !important;
}
/* #mc_embed_signup #mce-success-response{
  display: none !important;
} */
#mce-error-response{
  display: none !important;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
  display: none !important;
}
#mc_embed_signup div.response{
    margin: 1em 0 !important;
    padding: 10px !important;
    font-weight: bold !important;
    float: left !important;
    top: -1.5em !important;
    z-index: 1 !important;
    width: 84% !important;
    color: #fff !important;
    border: solid 1px white;
}

.slider_typing_red{
  color: #D10F49;
  font-weight: 600;
  font-size: 35px;
  padding-left: 0px;
}
.image_video_home{
  position: absolute;
  top: -45px;
  left: 0;
  z-index: -1;
}
.col_video_elhoo{
  z-index: 9;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.right_txt_video_elhoo{
  padding-left: 0rem;
  padding-right: 0 !important;
}
.video_home{
  margin-bottom: 45px;
}
.video_home iframe{
  border-radius: 15px;
}
.txt_map{
  max-width: 90%;
}
.icone_map{
  max-width: 59px;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #ffffff !important;
}
#test_free{
  height: 820px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6rem;
  background-attachment: fixed;
  margin-top: 4rem;
  margin-bottom: 9rem;
}
#test_free h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 55px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
#test_free p{
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  color: #FFFFFF;
}
.dashboard_badge {
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  color: #d22254;
  top: 10px;
  right: 0px;
}
.dashboard_badge:after {
  content: '';
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 2px dashed #E887A4;
  position: absolute;
  right: 10px;
  top: 10px;
}
#test_free .dashboard_badge p{
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.045em;
  color: #E887A4;
  margin-bottom: 0;
}
#test_free img{
  width: 100%;
  margin-bottom: 15px;
}
.row_img_test{
  margin-top: 3rem;
}
.txt_avis p{
  font-weight: 400;
  font-size: 12px;
  line-height: 173.5%;
  letter-spacing: 0.045em;
  color: #FFFFFF;
  margin-bottom: 5px;
}
.txt_avis p strong{
  font-weight: 600;
}
.fourth{
  z-index: 9;
  position: absolute;
  bottom: 0;
}
.offre-elhoo{
  margin-top: 16rem;
}
.left_txt_offre{
  padding-left: 2rem;
}
.bg_tarifs{
  background: #FFFFFF;
  box-shadow: 5px 7px 19px rgba(33, 54, 95, 0.1);
  border-radius: 17px;
  min-height: 535px;
  position: relative;
  padding-top: 25px;
}
.top_title_tarifs{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 150px;
  
}
.top_title_tarifs::after{
  content: '';
  border-bottom: 1px solid rgba(193, 216, 228, 0.5);
  width: 94%;
  display: block;
  bottom: 1px;
  position: absolute;
}
.top_title_tarifs h2{
  font-weight: 600;
  font-size: 24px;
  line-height: 16px;
  color: #333E42;
  letter-spacing: 0px;
  margin-bottom: 0;
  margin-top: 12px;
}
.top_title_tarifs h3{
  font-weight: 700;
  font-size: 35px;
  line-height: 52px;
  letter-spacing: 0.045em;
  color: #D10F49;
  margin-bottom: 0px;
}
.top_title_tarifs h3 span{
  font-weight: 400;
  font-size: 12px;
  line-height: 216.87%;
  letter-spacing: 0.045em;
  color: #333E42;
  position: relative;
  top: -7px;
  left: 4px;
}
.top_title_tarifs h3 i{
  font-style: initial;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.045em;
  color: #D10F49;
  position: relative;
  top: -14px;
  left: -6px;
}
.bg_tarifs ul li{
  list-style: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 216.87%;
  letter-spacing: 0.045em;
  color: #333E42;
  margin-bottom: 6px;
}
.bg_tarifs ul{
  margin-top: 10px;
  padding-bottom: 5rem;
}
.bg_tarifs ul li svg{
  margin-right: 18px;
}
.bg_tarifs a{
  background: #333E42;
  border-radius: 50px;
  border: solid 1px #333E42;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  text-transform: initial;
  padding: 9px 42px;
}
.bg_tarifs a:hover{
  background: #fff;
  color: #333E42 !important;
}
.lien_tarif{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tarifs_elhoo .btn_tarifs{
  background-color: #D10F49;
  border: solid 1px #D10F49;
}
#tarifs_elhoo .btn_tarifs:hover{
  color: #D10F49 !important;
  background-color: white !important;
}
#tarifs_elhoo{
  margin-top: 12rem;
  margin-bottom: 2rem;
}
.m_top{
  margin-top: 10rem;
}
#services h2{
  font-weight: 600;
  font-size: 15px;
  line-height: 109.5%;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-top: 28px;
}
#services p{
  font-weight: 400;
  font-size: 11px;
  line-height: 150%;
  color: #6C7477;
  padding-right: 7rem;
  margin-bottom: 3rem;
}
#services{
  margin-bottom: 14rem;
}
#devis_facture h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 109.5%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 15px;
}
#devis_facture p{
  width: 360px;
  text-align: center;
  font-weight: 400;
  font-size: 11px;
  line-height: 150%;
  color: #6C7477;
  margin-bottom: 4.5rem;
}
.arrow_1{
  position: absolute;
  left: 0px;
  top: 28px;
}
.arrow_2{
  position: absolute;
  top: 34%;
  right: -14px;
}
.arrow_3{
  position: absolute;
  top: 68%;
  right: 26px;
}
.arrow_4{
  position: absolute;
  bottom: -85px;
  right: 100px;
}
.row_image_desc{
  margin-bottom: 8rem;
}
.lien_facture a{
  background-color: #D10F49;
  border: solid 1px #D10F49;
  border-radius: 50px;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  text-transform: initial;
  padding: 9px 42px;
}
.lien_facture a:hover{
  color: #D10F49 !important;
  background-color: white;
}
.bloc_img_fac h3{
  font-weight: 600;
  font-size: 15px;
  line-height: 109.5%;
  letter-spacing: 0.01em;
  color: #333E42;
}
.arrow_1_text{
  position: absolute;
  top: 7px;
  left: -45px;
}
.arrow_2_text{
  position: absolute;
  right: -145px;
  top: 50%;
  width: 170px;
  text-align: left;
}
.arrow_3_text{
  position: absolute;
  right: -160px;
  top: 75%;
  width: 170px;
  text-align: left;
}
.arrow_4_text{
  position: absolute;
  bottom: -52px;
  right: -95px;
}
.bloc_img_fac .dashboard_badge{
  top: -80px;
  right: -10px;
}
#devis_facture .bloc_img_fac .dashboard_badge p{
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.045em;
  color: #E887A4;
}
.img_design_facture{
  position: absolute;
  top: 0;
  right: 0;
}
#evolution{
  background: #F2F5FA;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.img_design_evo1, .img_design_evo2{
  width: 100%;
}
#evolution h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 109.5%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #333E42;
  margin-bottom: 2rem;
}
.icone_evo{
  height: 32px;
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 25px;
}
#evolution h3{
  font-weight: 400;
  font-size: 12.5508px;
  line-height: 20px;
  color: #323D41;
  text-align: center;
}
#evolution h4{
  font-weight: 400;
  font-size: 20.9179px;
  line-height: 20px;
  color: #323D41;
  text-align: center;
}
.img_evolution{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.img_design_home{
  position: absolute;
  top: 0;
  left: 0;
}
#home_index{
  margin-bottom: 3.2rem;
  margin-top: 20rem !important;
}
.appMobile{
  position: absolute;
  bottom: -9.5rem;
}
#home_index h1{
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
}
.home_femme{
  position: absolute;
  left: 0;
  bottom: -51px;
  right: 0;
  margin: auto;
}
.home_map{
  margin-bottom: -4rem;
}
.home_avis{
  margin-right: 10px;
}
.txt_avis_home{
  position: absolute;
  right: 40px;
  bottom: -45px;
  display: flex;
  align-items: center;
}
.txt_avis_home h3{
  color: #5A5A5A;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 2px;
}
.txt_avis_home p{
  font-weight: 400;
  font-size: 14px;
  color: #949494;
  margin-bottom: 0;
}
.txt_avis_home p svg{
  margin-right: 5px;
}
.facture_reccurente .arrow_4_text {
  right: -131px;
}
.facture_achat .arrow_3 {
  top: 58%;
}
.facture_achat .arrow_3_text{
  top: 66%;
}
.facture_achat .arrow_1_text {
  top: 2px;
  left: -12%;
  width: 155px;
  text-align: left;
}
.bn_cmd .arrow_3{
  top: unset;
  bottom: -6%;
}
.bn_cmd .arrow_3_text {
  top: unset;
  width: 170px;
  text-align: left;
  bottom: -10%;
}
.bn_cmd .bloc_img_fac .dashboard_badge {
  top: 29%;
  right: 60px;
}
.txt_btnpaiement{
  position: absolute;
  top: 25%;
  right: 12%;
  width: 200px;
  text-align: left;
}
.arrow_1_balance{
  position: absolute;
  left: 43%;
  top: -5%;
}
.balance_tva .arrow_1_text {
  top: -45px;
  left: 18%;
  width: 230px;
  text-align: left;
}
.row_image_desc.liaisonBancaire {
  margin-bottom: 6rem;
}
.row_image_desc.gestion_client {
  margin-bottom: 4rem;
}
.gestion_client .arrow_2 {
  top: 30%;
  right: 5px;
}
.gestion_client .arrow_2_text {
  right: -135px;
  top: 45%;
}
.gestion_client .arrow_1 {
  top: 15px;
}
.gestion_client .arrow_1_text {
  top: -28px;
  left: -135px;
  width: 200px;
}
.navbar{
  z-index: 99999;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.lienSlideHome{
  background: #D10F49;
  border-radius: 50px;
  border: solid 1px #D10F49;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  text-transform: initial;
  padding: 12px 40px;
}
.lienSlideHome:hover{
  color: #D10F49 !important;
  background-color: white !important;
}
.txt_index_home{
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #6C7477;
  margin-bottom: 0;
}
.txt_index_home span{
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #E887A4;
  margin-left: 10px;
  margin-right: 6px;
}
#home_index svg{
  margin-left: 10px;
}
.desc_index{
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.video-open .video-player {
  opacity: 1;
  transform: translate(0);
  transition: transform 0s ease 0s, opacity 0.5s ease-in-out 0s;
}
.video-player {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999999;
  opacity: 0;
  transform: translate(-250%, -250%);
  transition: transform 0s ease 0.5s, opacity 0.5s ease-in-out 0s;
}
.video-player .video-close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  z-index: 2;
}
.video-box .demande_devis {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 850px;
  max-width: 90%;
  max-height: 500vh;
  height: auto;
}
.demande_devis {
  z-index: 999999 !important;
}
.video-x {
  position: fixed;
  top: 1.5vw;
  right: 1.5vw;
  z-index: 5;
  width: 1vw;
  height: 1vw;
  min-width: 20px;
  min-height: 20px;
  opacity: 1;
}
.video-x::before, .video-x::after {
  content: '';
  width: 20px;
  height: 1px;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.video-x::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.video-x:hover {
  cursor: pointer;
}
.slideLogos .slick-track{
  display: flex;
  align-items: center;
}
.marquesSlides{
  background: #F2F5FA;
  border-radius: 25px 0px 0px 25px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.marquesSlides img{
  margin-left: 12px;
  margin-right: 12px;
}
.slideLogos{
  margin-bottom: 7rem;
}
.bloc_felecitation{
  position: absolute;
  background: white;
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-left: 25px;
  box-shadow: 0px 4px 13px rgb(193 216 228 / 25%), 4px 4px 15px rgb(242 245 250 / 50%);
  padding-right: 25px;
  padding-top: 30px;
  padding-bottom: 32px;
  top: -141px;
  left: 90px;
  border-radius: 25px;
}
.bg_fele p{
  background: #699F00;
  color: white;
  font-size: 11px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 25px;
  line-height: 17px;
}
.bg_fele{
  background: #F8FBFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  position: relative;
}
.bg_fele span{
  color: #699F00;
  font-size: 13px;
}
#home_index .bg_fele svg{
  margin-left: 0;
  margin-bottom: 20px;
}
.bg_fele:before {
  content: "";
  border-top: 0;
  border-right: 23px solid transparent;
  border-bottom: 20px solid #fff;
  border-left: 22px solid transparent;
  position: absolute;
  right: 8%;
  transform: 90%;
  transform: rotate(180deg);
  bottom: -52px;
  /* box-shadow: 0px 4px 13px rgba(193, 216, 228, 0.25), 4px 4px 15px rgba(242, 245, 250, 0.5); */
}
.buttonHeader{
  display: flex;
  align-items: center;
  padding-left: 0px;
  margin-bottom: 0;
}
.buttonHeader li{
  list-style: none;
  z-index: 9999;
}
.logo_H_elhoo{
  z-index: 9999;
}
.right_btn_menu{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
header .lang ul li .text-danger{
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.12em !important;
  color: #333E42 !important;
}
.lang ul li a{
  font-weight: 400 !important;
  font-size: 10px !important;
  line-height: 15px !important;
  letter-spacing: 0.12em !important;
  color: #C4C4C4 !important;
}
#services{
  display: none;
  position: absolute;
  background: white;
  z-index: 99;
  top: 70px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 5px 4px 30px rgb(193 216 228 / 20%);
  padding-top: 3rem;
  padding-bottom: 3rem;
  cursor: default;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.signature_dcm{
  display: flex;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #FFFFFF;
}
.signature_dcm:hover{
  color: #e2e5e6 !important;
}
.signature_dcm:hover svg path{
  fill: #e2e5e6 !important;
}
.signature_dcm svg{
  margin-left: 5px;
}
footer .buttonNews {
  background: url(/contents/assets/akar-icons_send.png) center center; 
  text-indent: -9999px;
  box-shadow: none;
  max-width: 150px;
  width: 50px !important;
  height: 43px;
  padding: 0px;
  background-repeat: no-repeat;
  border: none;
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  background-color: #333E42;
  border-radius: 0px !important;
  border: solid 1px #333E42 !important;
}
#mc_embed_signup .mc-field-group input{
  height: 42px;
  width: 85% !important;
  border: solid 1px white;
  border-radius: 0px;
}
#mc_embed_signup form {
  padding-left: 0 !important;
}
#mc_embed_signup .mc-field-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #C4C4C4;
  opacity: 1; /* Firefox */
}

#mc_embed_signup .mc-field-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #C4C4C4;
}

#mc_embed_signup .mc-field-group input::-ms-input-placeholder { /* Microsoft Edge */
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #C4C4C4;
}
#services::after{
  position: absolute;
  width: 4000px;
  margin-left: -2000px;
  left: 0;
  background: white;
  content: '';
  height: 15%;
  top: -90px;
  overflow: hidden;
  z-index: -1;
}
.txt_avis_home svg{
  margin-left: 0px !important;
}
.txt_avis_home p span{
  color: #5A5A5A;
  font-weight: 500;
}
.fonction:hover a + #services{
  display: block;
}
.bloc_menu_elhoo{
  position: inherit;
}
.telHeader{
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.12em;
  color: #D10F49;
  margin-right: 20px;
  z-index: 9999;
}
.telHeader:hover{
  color: #333E42 !important;
}
.bg_services:hover{
  /* background-color: #f3f7fd; */
}
.lien_essaie{
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.lien_essaie a {
  font-family: 'Poppins', sans-serif !important;
  background: #D10F49 !important;
  border-radius: 50px !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #FFFFFF !important;
  border: solid 1px #D10F49 !important;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 10px 30px;
  transition: .3s;
  text-transform: initial;
}
.lien_essaie a:hover{
  background: #fff !important;
  color: #D10F49 !important;
}


li.inscription a{
  position: relative;
}
li.inscription a::before{
  content: '';
  transform: scale(1);
  background: #333E42;
  box-shadow: 0 0 0 0 #333E42;
  animation: pulse-purple 2s infinite;
  width: 98%;
  height: 100%;
  position: absolute;
  border-radius: 19px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  top: 0px;
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 #333E42;
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
  }
}

.back-qr{
  filter: drop-shadow(0px 4px 18px #C7D9F5);
  position: relative;
  top: 70px;
  z-index: 99;
}
#mc_embed_signup div#mce-responses{
  padding: 0 !important;
  margin: 0 !important;
}

.bg_services:before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 0;
  height: calc(100% + 10px);
  background-color: #f3f7fd;
  z-index: 0;
  border-radius: 12px;
  transition: .3s;
}
.bg_services:hover:before {
  content: "";
  width: calc(100% + 10px);
  border: 1px solid rgba(190,205,226,.2784313725490196);
  transition: .3s;
}
header .lang ul li a.text-danger.menu_en_link::after{
  background: transparent !important;
}






.footerElhooBotom{

}
.footerElhooInfo{
  margin-bottom: 15rem;
}
.footerElhoo{
  margin-top: 5rem;
  margin-bottom: 13rem;
}
.facturesV{
  margin-bottom: 12rem;
}
.convaincu{
  margin-bottom: 6rem;
}
.encaisser{
  margin-top: 8rem;
  margin-bottom: 16rem;
}
.processus_elhoo{
}
.entrepreneur{
  margin-bottom: 14rem;
}
.serviceIndex{
  margin-bottom: 15rem;
  margin-top: 6rem;
}
.serviceIndex h2{
  font-weight: 600;
  font-size: 15px;
  line-height: 109.5%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #333E42;
}
.bloc_iconeservice{
  margin-left: 3rem;
  margin-right: 3rem;
}
.iconefIndex{
  display: flex;
  align-items: end;
  justify-content: center;
  height: 120px;
  margin-bottom: 12px;
}
.entrepreneur h2{
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
  font-family: 'amstagram' !important;
  color: #D10F49;
}
.entrepreneur h3{
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  margin-bottom: 6rem;
}
.entrepreneur h4{
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #333E42;
  margin-bottom: 22px;
}
.entrepreneur p{
  font-weight: 400;
  font-size: 11px;
  line-height: 150%;
  color: #6C7477;
}
.col1entrep{
  padding-right: 45px;
  position: relative;
}
.col2entrep{
  padding-right: 45px;
  padding-left: 45px;
  position: relative;
}
.col3entrep{
  padding-left: 45px;
  position: relative;
}
.col1entrep::after, .col2entrep::after {
  background: #DDE5F2;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  top: -3px;
  width: 1px;
  bottom: 0;
  margin: auto;
  right: 0;
}
.lienEntrep{
  justify-content: center;
  margin-top: 6rem;
}
.txt_encaisser{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.txt_encaisser h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: #333E42;
  margin-bottom: 40px;
}
.bg_cv{
  height: 465px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.bg_cv h2 strong{
  font-weight: 600;
  font-size: 36px;
  line-height: 109.5%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  font-style: normal;
}
.bg_cv h2{
  font-style: italic;
  font-weight: 400;
  font-size: 36px;
  line-height: 109.5%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  width: 50%;
  margin: auto;
  margin-bottom: 6rem;
  margin-top: 0;
}
.bg_cv svg{
  position: absolute;
  left: 28%;
  bottom: 17%;
}
.lienConv{
  display: flex;
  align-items: center;
  justify-content: center;
}
.lienConv a{
  font-family: 'Poppins', sans-serif !important;
  background: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #333E42 !important;
  border: solid 1px #ffffff !important;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 10px 30px;
  transition: .3s;
  text-transform: initial;
}
.lienConv a:hover{
  background: #333E42 !important;
  color: #ffffff !important;
}
.facturesV .slick-dots li {
  width: 150px;
  height: 98px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid #F2F5FA;
  border-radius: 10px;
  cursor: pointer;
}
.facturesV .slick-dots li img{
  width: 142px;
  height: 92px;
}
.facturesV .slick-dots li.slick-active{
  border-radius: 10px;
  border: 1px solid #D10F49;
}
.myslider__img {
  display: none !important;
}
.facturesV .slick-dots{
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
.blocTxtF{
  text-align: center;
  margin-bottom: 25px;
}
.footerElhooInfo h2{
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.045em;
  color: #333E42;
}
.footerElhooInfo ul{
  padding-left: 0px;
  list-style: none;
}
.footerElhooInfo ul li a{
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #333E42;
}
.footerElhooInfo ul li a:hover{
  color: #D10F49 !important;
}
.footerElhooInfo ul li{
  margin-bottom: 10px;
}
.footerElhooInfo .buttonNews {
  background: url(/contents/assets/akar-icons_send.png) center center;
  text-indent: -9999px;
  box-shadow: none;
  max-width: 150px;
  width: 50px !important;
  height: 41px;
  padding: 0px;
  background-repeat: no-repeat;
  border: none;
  position: absolute;
  top: 10px;
  right: 8px;
  cursor: pointer;
  background-color: #333E42;
  border-radius: 0px !important;
  border: solid 1px #333E42 !important;
  margin: 0 !important;
}
.footerElhooInfo #mc_embed_signup {
  background: #ffffff !important;
}
.footerElhooInfo a:hover{
  color: #D10F49 !important;
}
.footerElhooInfo #mc_embed_signup .mc-field-group input {
  border: 1px solid rgba(190, 205, 226, 0.28) !important;
}
.footerElhooInfo #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid rgba(190, 205, 226, 0.28) !important;
  outline: none !important;
}
.footerElhooBotom img{
  height: 100px;
  position: absolute;
  top: -100px;
}
.footerElhooBotom{
  background: #D10F49;
  position: relative;
  padding-bottom: 12px;
}
.footerElhooBotom p{
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.045em;
  color: #FFFFFF;
  margin: 0;
}
.footerElhooBotom .rs-elhoo{
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerElhooBotom .rs-elhoo li a{
  background-color: #D10F49;
  border: solid 1px #D10F49;
}
.footerElhooBotom .rs-elhoo li {
  margin-left: 3px;
  margin-right: 3px;
}
.myslider__items .slick-slide img{
  margin: auto;
}
/* .reporting, .pourquoi_elhoo_contain, #tarifs_elhoo{
  
} */
footer{
  display: none !important;
}

#cookie-bar{
  background-color: #FFF;
  position: fixed;
  bottom: 0;
  width: 98%;
  padding: 2rem;
  border-radius: 40px;
  box-shadow: 0 -1px 10px 0 #acabab4d;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

#cookie-bar button{
  border-radius: 100%;
  height: 78px;
  min-width: 78px;
  min-height: 78px;
  max-width: 78px;
  max-height: 78px;
  width: 78px;
  background-color: #D10F49;
  border: 0;
  position: relative;
}
#cookie-bar a{
  color: #D10F49;
}
#cookie-bar a:hover{
  color: #D10F49 !important;
  text-decoration: underline;
}

#cookie-bar button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M15.8202 0.357393C15.9311 0.244238 16.0634 0.154345 16.2095 0.092977C16.3556 0.0316093 16.5124 0 16.6709 0C16.8293 0 16.9861 0.0316093 17.1322 0.092977C17.2783 0.154345 17.4107 0.244238 17.5215 0.357393C17.9863 0.827018 17.9928 1.58589 17.5378 2.06364L7.92917 13.4224C7.82008 13.5422 7.6877 13.6385 7.54011 13.7053C7.39253 13.7722 7.23286 13.8083 7.07086 13.8113C6.90886 13.8144 6.74795 13.7843 6.59796 13.723C6.44797 13.6618 6.31206 13.5705 6.19855 13.4549L0.351799 7.53014C0.12631 7.30018 0 6.99096 0 6.66889C0 6.34683 0.12631 6.0376 0.351799 5.80764C0.462699 5.69449 0.59506 5.60459 0.741131 5.54323C0.887202 5.48186 1.04405 5.45025 1.20249 5.45025C1.36093 5.45025 1.51777 5.48186 1.66384 5.54323C1.80991 5.60459 1.94227 5.69449 2.05317 5.80764L7.01267 10.8338L15.7877 0.393143C15.7978 0.380584 15.8086 0.368646 15.8202 0.357393Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 50%;
  width: 30%;
  position: absolute;
  left: 33%;
  top: 40%;
}
#cookie-bar button:hover{
  background-color: #333E42;
}






@media screen and (min-width: 320px) and (max-width: 700px){
  #cookie-bar{
    flex-direction: column;
    padding: 2rem;
  }
}



























































@media screen and (min-width: 320px) and (max-width: 700px){
  .top-img-footer {
    bottom: 0;
  } 
  .serviceIndex {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .entrepreneur h2 {
    font-size: 36px;
    text-align: center;
  }
  .lienEntrep {
    margin-top: 2rem;
  }
  .encaisser {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
  .entrepreneur {
    margin-bottom: 4rem;
  }
  .col1entrep {
    padding-right: 15px;
    text-align: center;
  }
  .col3entrep {
    padding-left: 15px;
    text-align: center;
  }
  .col2entrep {
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
  }
  .entrepreneur h4 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 22px;
    text-align: center;
  }
  .entrepreneur h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 2rem;
    text-align: center;
  }
  .txt_encaisser h2 {
    font-size: 20px !important;
    line-height: 30px;
    text-align: center;
  } 
  .facturesV {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .facturesV .slick-dots li {
    width: 60px;
    height: 50px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .facturesV .slick-dots li img {
    width: 50px;
    height: 40px;
  }
  .bg_cv h2{
    width: 95%;
    margin: 0px auto 3rem;
  }
  .convaincu {
    margin-bottom: 5rem;
  }
  .bg_cv h2 strong {
    font-size: 20px;
  }
  .pictos_mobile{
    display: none !important;
  }
  .footerElhoo {
    margin-top: 0rem;
    margin-bottom: 3rem;
  }
  .bg_cv {
    height: 330px;
  }
  .bg_cv svg {
    left: -1%;
    bottom: 12%;
    width: 120px;
    display: none !important;
  }
  .footerElhooInfo {
    margin-bottom: 12rem;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 3rem !important;
  }
  .footerElhooInfo h2 {
    font-size: 17px !important;
    line-height: 27px;
    margin-top: 25px;
  }
  .footerElhooBotom img{
    display: none;
  }
  .footerElhooBotom .col-sm-4{
    justify-content: center !important;
    text-align: center;
  }
  .footerElhooBotom .rs-elhoo{
    margin-bottom: 0px !important;
  }
  .footerElhooBotom {
    padding-bottom: 120px;
    padding-top: 15px;
  }
  .processus_elhoo img{
    display: none;
  }
  .serviceIndex h2{
    font-size: 11px !important;
  }
  .bloc_iconeservice {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .btnCnxElhoo{
    position: fixed;
    bottom: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: white;
    padding-top: 0;
    padding-bottom: 15px;
    box-shadow: rgb(193 216 228 / 25%) 0px 4px 13px 4px, rgb(242 245 250 / 50%) 4px 4px 15px 13px;
    z-index: 9999;
  }
  .seconde-blog-press {
    padding-top: 30px;
  }
  .back-qr{
    top: 55px;
  }
  .demande_devis .col-sm-12{
    padding: 0;
  }
  .image_video_home{
    display: none;
  }
  section.question button.btn-link::after{
    right: 12px;
  }
  .txt_evolution{
    justify-content: center;
  }
  .bg_services::before{
    display: none;
  }
  .arrow_1, .arrow_2, .arrow_3, .arrow_4{
    display: none !important;
  }
  .bloc_img_fac h3{
    display: none;
  }
  .row_image_desc {
    margin-bottom: 3rem;
  }
  .arrow_1_balance{
    display: none;
  }
  .elhoo_tb_half {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .elhoo_tb_third {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33% !important;
            flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
  .right_btn_menu {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-direction: column;
  }
  #facturation_nv_generation iframe{
    width: 97%;
    border-radius: 0;
    height: 240px;
    margin: auto;
  }
  .home_femme{
    display: none;
    position: absolute;
    bottom: -52px;
  }
  .background-footer img{
    margin-bottom: 2rem;
  }
  #home_index {
    margin-top: 7rem !important;
  }
  .lienSlideHome {
    padding: 12px 25px;
  }
  .bloc_felecitation{
    display: none;
  }
  .txt_avis_home {
    display: none;
    position: absolute;
    right: unset;
    bottom: -70px;
    left: 20%;
  }
  #home_index h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .slider_typing_red {
    font-size: 24px;
    padding-left: 0px;
  }
  .demande_devis iframe{
    height: 220px !important;
  }
  .home_map {
    margin-bottom: 0;
    display: none;
  }
  .right_txt_video_elhoo {
    padding-left: 15px;
    padding-right: 15px !important;
  }
  .txt_map {
    max-width: 100%;
  }
  .icone_map {
    max-width: 100%;
  }
  #test_free {
    padding-top: 2rem;
    margin-top: 2rem;
    margin-bottom: 0rem;
    height: 455px;
  }
  #test_free h2{
    line-height: 28px; 
  }
  .dashboard_badge{
    display: none !important;
  }
  .row_img_test {
    margin-top: 1rem;
  }
  .offre-elhoo {
    margin-top: 2rem;
  }
  .lien_essaie {
    justify-content: center;
  } 
  .elhoo_styled_images{
    max-width: 100% !important;
  }
  section.blog-actions {
    padding-bottom: 0px !important;
  }
  #tarifs_elhoo {
    margin-top: 2rem !important;
  }
  .bg_tarifs {
    margin-bottom: 1rem;
  }
  .rs-elhoo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem !important;
  }
  #mc_embed_signup{
    width: 100%;
  }
  #mc_embed_signup .mc-field-group input {
    width: 100% !important;
  }
  .dcm_sign{
    justify-content: center !important;
  }
  .appMobile {
    position: initial !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto !important;
    margin-top: 5rem !important;
    margin-bottom: 6rem !important;
  }
  h2, h2.sous-titre {
    font-size: 21px !important;
  }
  .m_top {
    margin-top: 7rem !important;
  }
  .question .text-faq {
    height: auto;
    padding-left: 15px;
    padding-top: 0;
    margin-bottom: 3rem;
    padding-right: 15px;
    text-align: center;
  }
  .text-faq .faq h1 {
    margin-bottom: 0;
    margin-top: 0;
  }
  section.question button.btn-link.collapsed {
    padding: 19px;
    padding-left: 20px !important;
    font-size: 12px;
    text-align: left;
  }
  .wel_semi_grayellipse, .wel_semi_ellipse3 {
    margin-top: -27px !important;
  }
  section.question button.btn-link {
    padding-left: 20px !important;
    font-size: 13px;
  }
  .question .card-body {
    font-size: 13px !important;
    text-align: left !important;
  }
  .question a.btn{
    margin: auto;
  }
  .logo-elhoo + .wel_semi_ellipse3{
    margin-top: -28px !important;
  }
  .home_avis {
    display: none;
    position: absolute;
    bottom: -51px;
    left: unset;
    right: 0;
    width: 120px;
  }
  .video_home{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .slideLogos {
    margin-bottom: 3rem;
    margin-top: 9rem;
  }
  .txt_avis_home h3 {
    font-size: 13px;
  }
  .txt_avis_home p {
    font-size: 13px;
  }
  .pictos_mobile .picto{
    margin-right: 22px;
  }
  .why_items h3 {
    font-size: 18px;
    line-height: 25px;
  }
  section.faq_blog_actions .action {
    padding-bottom: 2rem;
  }
  .why_items p {
    font-size: 12px !important;
  }
  .pourquoi_black_title {
    margin-bottom: 15px;
  }
  .pourquoi_black_text{
    margin-bottom: 18px !important;
  }
  .pictos_mobile .picto svg{
    width: 50px;
  }
  #services{
    height: 80vh;
    overflow: auto;
    top: 22px;
    z-index: 999999;
    padding-top: 0rem;
  }
  #services::after{
    display: none;
  }
  .bg_services{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #services p {
    font-size: 12px;
    padding-right: 0;
    margin-bottom: 0rem;
    letter-spacing: 0px;
  }
  .bg_services svg{
    width: 35px;
  }
  #services h2 {
    margin-top: 0;
  }
  .elhoo_styled_images{
    display: none !important;
  }
  p{
    font-size: 12px !important;
  }
  .facturation_black_title_left{
    font-size: 21px !important;
  }
  #devis_facture h2{
    margin-top: 15px;
  }
  #devis_facture p{
    margin-bottom: 2.5rem;
  }
  #evolution h3 {
    font-size: 20px;
  }
  #evolution h4{
    font-size: 15px;
  }
  .txt_evolution .col-sm-3{
    width: 50%;
  }
  .img_evolution{
    margin-bottom: 25px;
  }
  header .dropdown-menu{
    z-index: 99999999;
    width: 100%;
    height: 90vh;
    overflow-x: hidden;
    padding-bottom: 8rem;
    top: 45%;
    overflow-y: auto;
    padding-top: 1rem;
    padding-right: 15px;
  }
  .txt_sub_menu_header{
    display: flex;
    flex-direction: column;
    white-space: initial;
  }
  .fct_mobile{
    display: none !important;
  }
  header nav ul#navbarSupportedContent li{
    position: inherit !important;
  }

  .action_tablette{
    display: none;
  }


}



                    @media (min-width: 768px) and (max-width: 1024px){

                      .action_tablette{
                        display: inline-block;
                        }

                        .first-blog{
                          display: block;
                        }
                        .blog-circle{
                          height: auto !important;
                          min-height: 100%;
                        }
                        .circle {
                          margin-left: 1rem;
                          margin-bottom: 5px;
                        }
                      .navbar{
                        padding-left: 1rem !important;
                      }
                      .text-map{
                        text-align: left !important;
                      }
                      .seconde-blog-press {
                        padding-top: 30px;
                      }
                      .back-qr{
                        top: 55px;
                      }
                      .demande_devis .col-sm-12{
                        padding: 0;
                      }
                      .image_video_home{
                        display: none;
                      }
                      section.question button.btn-link::after{
                        right: 12px;
                      }
                      .txt_evolution{
                        justify-content: center;
                      }
                      .bg_services::before{
                        display: none;
                      }
                      .arrow_1, .arrow_2, .arrow_3, .arrow_4{
                        display: none !important;
                      }
                      .bloc_img_fac h3{
                        display: none;
                      }
                      .row_image_desc {
                        margin-bottom: 3rem;
                      }
                      .arrow_1_balance{
                        display: none;
                      }
                      .elhoo_tb_half {
                        -webkit-box-flex: 0 !important;
                            -ms-flex: 0 0 50% !important;
                                flex: 0 0 50% !important;
                        max-width: 50% !important;
                      }
                      .elhoo_tb_third {
                        -webkit-box-flex: 0 !important;
                            -ms-flex: 0 0 33.33% !important;
                                flex: 0 0 33.33% !important;
                        max-width: 33.33% !important;
                      }
                      .right_btn_menu {
                        display: none;
                        align-items: center;
                        justify-content: center;
                        padding: 0;
                        flex-direction: column;
                      }
                      #facturation_nv_generation iframe{
                        width: 97%;
                        border-radius: 0;
                        height: 240px;
                        margin: auto;
                      }
                      .home_femme{
                        position: absolute;
                        bottom: -52px;
                      }
                      .background-footer img{
                        margin-bottom: 2rem;
                      }
                      #home_index {
                        margin-top: 7rem !important;
                      }
                      .elhoo-logo{
                        width: 100%;
                        max-width: 100%;
                        flex: 100%;
                        padding-right: 0;
                      }
                      .elhoo-logo>.row{
                        width: 100%;
                      }
                      .lienSlideHome {
                        padding: 12px 15px;
                      }
                      .bloc_felecitation{
                        display: none;
                      }
                      .txt_avis_home {
                        display: none;
                        position: absolute;
                        right: unset;
                        bottom: -70px;
                        left: 20%;
                      }
                      #home_index h1 {
                        font-size: 24px;
                        line-height: 32px;
                      }
                      .slider_typing_red {
                        font-size: 24px;
                        padding-left: 0px;
                      }
                      .demande_devis iframe{
                        height: 220px !important;
                      }
                      .home_map {
                        margin-bottom: 0;
                      }
                      .right_txt_video_elhoo {
                        padding-left: 15px;
                        padding-right: 15px !important;
                        padding-top: 0px !important;
                      }
                      .txt_map {
                        max-width: 100%;
                        text-align: left !important;
                      }
                      .icone_map {
                        max-width: 100%;
                        display: none !important;
                      }
                      #test_free {
                        padding-top: 2rem;
                        margin-top: 2rem;
                        margin-bottom: 0rem;
                        height: 455px;
                      }
                      #test_free h2{
                        line-height: 28px; 
                      }
                      .dashboard_badge{
                        display: none !important;
                      }
                      .row_img_test {
                        margin-top: 1rem;
                      }
                      .offre-elhoo {
                        margin-top: 2rem;
                      }
                      .lien_essaie {
                        justify-content: flex-start;
                      } 
                      .elhoo_styled_images{
                        max-width: 100% !important;
                      }
                      section.blog-actions {
                        padding-bottom: 0px !important;
                      }
                      #tarifs_elhoo {
                        margin-top: 2rem !important;
                      }
                      .bg_tarifs {
                        margin-bottom: 1rem;
                      }
                      .rs-elhoo{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-bottom: 2rem !important;
                      }
                      #mc_embed_signup{
                        width: 100%;
                      }
                      #mc_embed_signup .mc-field-group input {
                        width: 100% !important;
                      }
                      .dcm_sign{
                        justify-content: center !important;
                      }
                      .elhoo_map {
                        padding-bottom: 0 !important;
                      }
                      .offre-elhoo .images{
                        display: block !important;
                      }
                      .offre-elhoo .images .first {
                        position: initial;
                      }
                      .brush_contain {
                        margin: 15px;
                        justify-content: flex-start !important;
                        padding-left: 0 !important;
                        margin-left: 0px !important;
                        margin-top: 0;
                        /* padding-top: 0 !important; */
                      }
                      .appMobile {
                        position: initial !important;
                        text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: auto !important;
                        margin-top: 5rem !important;
                        margin-bottom: 6rem !important;
                      }
                      h2, h2.sous-titre {
                        font-size: 21px !important;
                      }
                      .m_top {
                        margin-top: 7rem !important;
                      }
                      .question .text-faq {
                        height: auto;
                        padding-left: 15px;
                        padding-top: 0;
                        margin-bottom: 3rem;
                        padding-right: 15px;
                        text-align: center;
                      }
                      .text-faq .faq h1 {
                        margin-bottom: 0;
                        margin-top: 0;
                      }
                      section.question button.btn-link.collapsed {
                        padding: 19px;
                        padding-left: 20px !important;
                        font-size: 12px;
                        text-align: left;
                      }
                      .wel_semi_grayellipse, .wel_semi_ellipse3 {
                        margin-top: -27px !important;
                      }
                      section.question button.btn-link {
                        padding-left: 20px !important;
                        font-size: 13px;
                      }
                      .question .card-body {
                        font-size: 13px !important;
                        text-align: left !important;
                      }
                      .question a.btn{
                        margin: auto;
                      }
                      .logo-elhoo + .wel_semi_ellipse3{
                        margin-top: -28px !important;
                      }
                      .home_avis {
                        display: none;
                        position: absolute;
                        bottom: -51px;
                        left: unset;
                        right: 0;
                        width: 120px;
                      }
                      .video_home{
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                      }
                      .slideLogos {
                        margin-bottom: 3rem;
                        margin-top: 3rem;
                      }
                      .txt_avis_home h3 {
                        font-size: 13px;
                      }
                      .txt_avis_home p {
                        font-size: 13px;
                      }
                      .pictos_mobile .picto{
                        margin-right: 22px;
                      }
                      .why_items h3 {
                        font-size: 18px;
                        line-height: 25px;
                      }
                      section.faq_blog_actions .action {
                        padding-bottom: 2rem;
                      }
                      .why_items p {
                        font-size: 12px !important;
                      }
                      .pourquoi_black_title {
                        margin-bottom: 15px;
                      }
                      .pourquoi_black_text{
                        margin-bottom: 18px !important;
                      }
                      .pictos_mobile .picto svg{
                        width: 50px;
                      }
                      #services{
                        height: 80vh;
                        overflow: auto;
                        top: 22px;
                        z-index: 999999;
                        padding-top: 0rem;
                      }
                      #services::after{
                        display: none;
                      }
                      .bg_services{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                      }
                      #services p {
                        font-size: 12px;
                        padding-right: 0;
                        margin-bottom: 0rem;
                        letter-spacing: 0px;
                      }
                      .bg_services svg{
                        width: 35px;
                      }
                      #services h2 {
                        margin-top: 0;
                      }
                      p{
                        font-size: 12px !important;
                      }
                      .col_video_elhoo {
                        align-items: flex-start;
                      }
                      .facturation_black_title_left{
                        font-size: 21px !important;
                        text-align: left !important;
                      }
                      .facturation_black_title{
                        text-align: left !important;
                        margin-bottom: 25px !important;
                      }
                      #devis_facture h2{
                        margin-top: 15px;
                      }
                      #devis_facture p{
                        margin-bottom: 2.5rem;
                      }
                      #evolution h3 {
                        font-size: 20px;
                      }
                      #evolution h4{
                        font-size: 15px;
                      }
                      .txt_evolution .col-sm-3{
                        width: 50%;
                      }
                      .img_evolution{
                        margin-bottom: 25px;
                      }
                      header .dropdown-menu{
                        z-index: 99999999;
                        width: 100%;
                        height: 90vh;
                        overflow-x: hidden;
                        padding-bottom: 8rem;
                        top: 45%;
                        overflow-y: auto;
                        padding-top: 1rem;
                        padding-right: 15px;
                      }
                      .txt_sub_menu_header{
                        display: flex;
                        flex-direction: column;
                        white-space: initial;
                      }
                      .fct_mobile{
                        display: none !important;
                      }
                      header nav ul#navbarSupportedContent li{
                        position: inherit !important;
                      }



























                    }










/*notification*/
@media (max-width: 959px) {
  h1 {
    font-size: 16px;
  }
  mat-sidenav-content.mat-drawer-content.mat-sidenav-content {
    margin-left: 0px !important;
  }
  .mat-table {
    min-width: 100%;
  }
  .threelines_press{
    display: none !important;
  }

  header nav{
    background-color: #F2F5FA;   
  }
  header nav .elhoo-logo svg path {
    fill: #333E42;
  }

  .facturation_black_title {
    color: #333E42;
    font-weight: 600;
    font-size: 21px !important;
    letter-spacing: 0.1px;
    line-height: 28px;
    padding-right: 0px !important;
    margin-bottom: 4px;
    text-align: center;
  }
  .reporting .report-circle ul li p{
    width: 100%;
  }
  .elhoo_atouts h3{
    margin-bottom: 14px;
    line-height: 25px;
  }
  .elhoo_atouts h2{
    margin-top: 60px;
  }
  .votre_business_contain p{
    width: 100%;
  }
  .prix_adorable_black_title {
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
  }
  .payment .row{
    padding-top: 0;
    padding-bottom: 0;
  }
  .payment .essai-test1{
    width: 100px !important;
    height: 100px !important;
    top: -46px !important;
  }
  .payment .essai-test1 .essai-test2 h1 {
    font-size: 16px !important;
    line-height: 31px;
  }
  .payment .essai-test1 .essai-test2 p {
    font-size: 12px !important;
    line-height: 6px !important;
    margin-bottom: 10px !important;
  }
  .payment .prix-test1 {
    width: 100px !important;
    height: 100px !important;
    padding: 5px;
    right: 0;
    margin-top: 0;
    top: -45px !important;
  }
  .blog-plan {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1rem !important;
  }
  .payment .prix-test1 .prix-test2 h1 {
    font-size: 17px !important;
    line-height: 24px !important;
  }
  .payment .prix-test1 .prix-test2 p { 
    line-height: 12px;
    font-size: 14px;
  }
  .home_slidertitles {
    display: inline-flex;
    margin-right: 0;
    flex-direction: column;
    /* align-items: center; */
  }
  .text-map{
    width: 100%;  
    text-align: center;
    font-size: 14px;
    line-height: 22px;
  }
  .facturation_contain p{
    width: 100%;
  }
  .partout_contain p,
  .economiser_contain p{
    width: 100%;
  }
  .economiser_black_title { 
    width: 85%;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .bottom_wave_bg ul.application{
    flex-direction: row !important;
  }
  .bottom_wave_bg {
    background-position: initial;
    background-size: cover;
    min-height: 150px;
  }
  .pourquoi_black_title {
    font-weight: 700;
    line-height: 20px;
  }
  .logo-footer-elho .col-sm-12{
    background-color: #d10e49;
  }
   
     
  header nav ul#navbarSupportedContent li a{
    color: #333e42 ;
    height: auto !important;
  }
  li.connexion a{
    color: #fff !important;
  }
  header nav ul#navbarSupportedContent{
    padding: 20px 0;
  }
  .top-backgound h1 {
    font-size: 23px;
    margin-left: 18px;
    line-height: 36px;
  }
  .facture p{
    width: 100%;
  }
  .wel_semi_grayellipse, .wel_semi_ellipse3 {
    margin-top: -34px !important;
  }
  .temoignent h1 {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 22px;
  }
  .pourquoi_elhoo_contain_fonctionalite p{
    width: 100%;
  }
  header nav ul#navbarSupportedContent li a.active.simple_link.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    background-color: #d10f4900;
  }
  header nav ul#navbarSupportedContent li a.active {
    color: #d10e49 !important;
  }
  .payment .essai-test1{
    width: 100px;
    height: 100px;
    padding: 5px;
    right: 5px;
    margin-top: 0;
    top: -49px;
  }
  .payment .essai a.btn { 
    margin-top: 11px; 
  }
  .contact-press .seconde-blog-press a{
    font-size: 11px !important;
  }
  .parlent_de_nous_black_title{
    margin-bottom: 22px !important;
    font-size: 22px !important;
    line-height: 39px !important;
  }
  .navbar-light .navbar-toggler {
    position: relative;
    right: 0;
    height: 74px;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d22254;
    border-radius: 0;
    color: #fff;
    font-size: 28px;
  }
  .navbar{     
    padding: 7px 15px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 70px;
  }
  .navbar .container,
  .navbar .menu-mobile-elhoo,
  .navbar .elhoo-logo,
  .navbar .row{   
    height: 100%;
  }
  .navbar-light .navbar-toggler-icon{
    background-image: url('');
  }
  .navbar {
    height: unset;
    padding: 0px 0px 0px 4px !important;
  }
  header nav .elhoo-logo svg {
    width: 110px;
    margin-top: 9px;
  }
  .slidingVertical {
    display: inline-block;
    text-indent: 8px; 
    text-align: center;
  }
  .pres-text h1 span {
    color: rgb(210, 34, 84);
    text-align: center;
    display: block;
    width: 91%;
    margin-top: 6px; 
  }
  .home_wave_white { 
    margin-bottom: -1px;
  }
  header nav ul#navbarSupportedContent li a{
    font-size: 14px !important;
  }
  header nav ul#navbarSupportedContent li a.mobile_nav_btn_connexion,
  header nav ul#navbarSupportedContent li a.mobile_nav_btn_inscription{
    font-size: 12px !important;
  }
  .elhoo_dashboard {
    padding-bottom: 3rem !important;
  }
  .elhoo_map .brush{
    font-size: 21px !important;
    line-height: 28px;
    font-weight: 400;
    text-align: center; 
  }

  .brush_contain{
    justify-content: center !important;
    margin: 15px;
  }  
  .facturation_black_title_left{
    color: rgb(51, 62, 66);
    font-weight: 600;
    font-size: 21px !important;
    letter-spacing: 0.1px;
    line-height: 28px;
    margin-bottom: 26px;
    text-align: center;
  }   
  .facturation_contain p{
    font-size: 14px;
    line-height: 22px;
  }
  a.btn.shadow{
    font-size: 12px;
    margin-bottom: 10px;
  }
  .elhoo_styled_images{
    max-width: 60%;
    display: block;
    height: auto;
    margin: auto;        
  }
  .partout_contain h2{  
    font-size: 21px !important;
    letter-spacing: 0.1px;
    line-height: 28px;
    margin-bottom: 26px;
  }
  .partout_contain p{
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }
  .blog-circle {
    padding-left: 26px !important;
    padding-right: 23px !important;
    margin-left: 15px;
    margin-right: 15px;
    height: 90px;
  }
  .blog-circle {
    padding-left: 22px !important;
    padding-right: 21px !important;
    margin-left: 15px;
    margin-right: 15px;
    height: 90px;
  }
  .plan h3{
    font-size: 18px; 
    line-height: 28px;
  }
  .plan p{
    font-size: 14px;
    line-height: 21px;
  }
  .economiser_black_title{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 26px;
    font-size: 21px !important;
    line-height: 28px;
    text-align: center;
  }
  .economiser_contain p{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    width: 100%;
    text-align: center; 
  }
  .eco img.phone{
    position: unset;
    width: 80%;
    margin: auto;
    display: block;
    margin-top: 35px;
  }
  .pourquoi_black_title{
    font-weight: 700;
    line-height: 28px;
    font-size: 21px !important;
    margin-bottom: 26px;
    margin-top: 26px;
  }
  .pourquoi_elhoo_contain p{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    margin: auto;
  }
  .reporting .report-circle ul li h3{
    line-height: 26px;
  }
  .reporting .report-circle ul li p{
    font-size: 14px;
    letter-spacing: 0.45px;
    line-height: 22px;
  }
  .elhoo_atouts h2{
    margin-top: 60px;
    font-size: 21px !important;
    text-align: center;
  }
  .elhoo_atouts h3{
    margin-bottom: 26px;
    line-height: 28px;
    font-size: 21px;
    text-align: center;
    width: 100%;
  }
  .votre_business_contain p{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400; 
    text-align: center;
  }
  .prix_adorable_black_title {
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0px;
    font-size: 21px !important;
    text-align: center;
  }
  .payment .essai {
    height: 415px;
  }
  .payment .essai-test1{
    transform: translateX(-50%) !important;
    left: 50% !important;
  }
  .payment .essai a.btn {
    margin-top: 6px;
    display: block;
    margin: 18px auto;
  }
  .payment .prix-test1{  
    left: 50%;
    transform: translateX(-50%); 
    top: -45px !important;
  }
  .payment .prix a.btn{
    display: block;
    margin: 18px auto;
  }
  .payment .prix {
    height: 415px;
  }
  .desc-footer{
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.45px;
  }
  .contact-elhoo h2{
    letter-spacing: 0.45px;
    font-size: 18px !important;
  }
  .contact-elhoo p strong {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.45px;
    color: rgb(255, 255, 255);
  }
  .contact-elhoo a{
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.45px;
    margin-bottom: 5px;
  }
  .contact-elhoo p{
    margin-bottom: 5px;
  }
  .top-backgound h1{
    font-size: 21px;
    margin-left: unset;
    line-height: 28px;
    text-align: center;   
    margin-top: 15px;
  }
  .top-backgound {
    height: 215px;
  }  
  .facture h1 {
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 26px;
  }
  .facture p{
    font-size: 14px;
    line-height: 22px;
    text-align: center;  
  }
  .facture h2 {
    font-size: 21px !important;
    letter-spacing: 0.45px;
    text-align: center; 
    font-weight: 400;
    line-height: 28px; 
  }
  .align_mobile_center{
    align-items: center;
  }
  .access h1 {
    font-size: 18px;
    line-height: 28px !important;  
    margin: 12px 0 18px;
  }
  .access p{
    font-weight: 400; 
    font-size: 14px;  
    line-height: 22px;
    letter-spacing: 0.45px;
    font-family: Poppins, sans-serif !important;
  }
  .access .person{
    margin-right: auto;
    margin: auto;
  }
  .chiffre h1 {  
    font-size: 21px;
    line-height: 28px;
  }
  .justify_mobile_center{
    justify-content: center !important;
    margin-top: 26px;
  }
  .calcul p {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(50, 61, 65);
    line-height: 22px;
  }
  .calcul p.amount {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .envoie-devis h1 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 26px;
    text-align: center;
  }
  .envoie-devis .blog-text-devis p.text{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.45px;
    text-align: center; 
  }
  .envoie-devis p.text-transforme {
    font-size: 21px;
    letter-spacing: 0.45px; 
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    font-family: Amstagram !important;
  }
  .creer-compte h1 {
    font-size: 21px;
    line-height: 27px;
    font-weight: 600;
    font-family: Poppins, sans-serif !important;
  }
  .creer-compte span {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .creer-compte p {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.45px;
    line-height: 22px;
    color: rgb(51, 62, 66);
    margin-bottom: 0px;
    font-family: Poppins, sans-serif !important;
    margin-bottom: 15px;   
  }
  .creer-compte p.essai {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(51, 62, 66);
    margin-bottom: 26px;
    text-align: center;
    font-family: Poppins, sans-serif !important;
  }
  .temoignent h1 {
    font-size: 21px;
    margin-bottom: 25px;
    margin-top: 38px;
    line-height: 27px;
    margin-bottom: 33px !important;
  }
  .temoignent h2 {
    letter-spacing: 0.45px;
    color: rgb(51, 62, 66);
    font-weight: 600;
    font-size: 18px !important;
    font-family: Poppins, sans-serif !important;
  }
  .temoignent p {
    font-weight: 400;
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;   
    line-height: 22px;
    letter-spacing: 0.45px;
    color: rgb(51, 62, 66);
    margin-bottom: 25px;
    font-family: Poppins, sans-serif !important;
  }
  .pourquoi_elhoo_contain p{
    text-align: center; 
  }
  .top-backgound a {
    letter-spacing: 1.25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: rgb(51, 62, 66);
    font-family: Poppins, sans-serif !important;
  }
  .payment .prix-max h1 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 26px;
    letter-spacing: 0.45px; 
  }
  .prix-max p {
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 22px;
    font-size: 14px; 
    margin: auto;
    font-family: Poppins, sans-serif !important;
  }   
  .blog-faq p { 
    font-size: 14px;
    line-height: 22px; 
    font-family: Poppins, sans-serif !important;
  } 
  .blog-faq h3{
    font-size: 14px;
  }
  .blog-faq h3 a {
    font-size: 14px;
    margin-left: 0px;
  }
  .blog-faq h2 {
    font-size: 23px !important;
    margin-bottom: 30px;
    line-height: 28px;
  }   
  .question h2 {
    font-size: 19px !important;
    line-height: 28px;
    margin-bottom: 30px;
  }
  section.question button.btn-link{
    padding: 14px;
  } 
  .question .card-body {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    letter-spacing: 0.45px;
    font-weight: 400;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 30px;
  }
  li.connexion,
  li.inscription {
    text-align: center;
    display: flex;
    justify-content: flex-start ;
  }
  li.connexion a,
  li.inscription a{      
    text-align: center;
    padding: 16px 25px;
    margin-top: 15px;
  }
  .v-slide{
    font-size: 24px;
  }
  .v-slider-frame{
    text-align: center;
  }
  .mobile_nav_btn_connexion{
    color: #fff !important;
    background-color: #d22254;
    font-size: 12px !important;
    padding: 15px;
    border-radius: 25px;
  }
  .mobile_nav_btn_inscription{
    color: #fff !important;
    background-color: rgb(51, 62, 66);
    font-size: 12px !important;
    padding: 15px 24px;
    border-radius: 25px;
    margin-left: 5px;
  }

  
  .sld{
    display: none !important;
  }
  .sld_mobile{
    display: block !important;
  }
  .reporting {
    height: auto !important;
  }
  .sld_mobile .why_items{
    text-align: center;
  }
  .why_items p { 
    margin-bottom: 0px;
    font-size: 14px;
    letter-spacing: 0.45px;
    line-height: 22px;
    width: 100%;
    font-weight: 400; 
  }

}     

@media (max-width: 1300px) {
  .offre-elhoo .images .third {
    position: absolute; 
    left: 1rem;
}
}
html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
/*# sourceMappingURL=main.css.map */