@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=Prata&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
/* ----------------------------------------------------------------- */
:root {
  --color-1: #56674d;
  /* --color-2: #45553a; */
  /* --color-3: #e9e7e2; */
  --color-2: #273321;
  --color-3: #eae9e6;
  --color-4: #d0c4b2;
  --color-5: #aa8753;
  --section_main_solgan: url("");
  --section_pack_bg: url("");
  --section_Decouvrez_Herazen: url("");
  --Mini_Serum_Capillaire: url("");
  --Huile_Capillaire: url("");
  --Mini_Packs_exclusifs: url("");
  --formulaire_faq_bg: url("");
}
/* Reset CSS */

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
ul,
dl,
li,
fieldset,
legend,
input,
button,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
::selection {
  background-color: var(--color-5) !important;
  color: var(--color-1) !important;
}

/* Pour les anciennes versions de Firefox */
::-moz-selection {
  background-color: var(--color-1) !important;
  color: var(--color-5) !important;
}
body {
  overflow-x: hidden !important;
}

/* -------------------------------------- */
.bg_light {
  background: var(--color-3);
}
.bg_green {
  background: var(--color-2);
}
.text_light {
  color: var(--color-4) !important;
}
.text_green {
  color: var(--color-1) !important;
}
.text_brown {
  color: var(--color-5) !important;
}
.livraison-free {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.48px;
  width: 100%;
  max-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-3);
  border: #707070;
  background: linear-gradient(
    to right,
    var(--color-4) 0%,
    var(--color-5) 47.3%,
    var(--color-1) 100%
  );
  font-weight: 500;
}
/* -------------------------------------- */
main {
  min-height: calc(100vh - 100px);
}
.nav_bg_home {
  background: var(--color-3) 0% 0% no-repeat padding-box;
}
.nav_bg_light {
  background: #f0efed 0% 0% no-repeat padding-box;
}

.nav_bg_dark {
  background: #b7bab3 0% 0% no-repeat padding-box;
}
nav {
  opacity: 1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: "Poppins", sans-serif;
  color: var(--color-1) !important;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
}
.nav-link,
#panierMot {
  color: var(--color-1) !important;
}
#panierIcon {
  display: none;
}
.nav-item {
  margin-right: -40px;
}
.logoGreen {
  width: 115px;
}
.logoLight {
  width: 135px;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2356674D' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#menuHumberger,
#menuHumberger:focus-visible,
#menuHumberger:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

/* -------------------------------------- */
.sect_slogan {
  height: 91.5vh;
  color: var(--color-1);
  width: 100%;
  font-size: 58px; /* 3.62em*/
  line-height: 70px;
  font-family: "Prata", serif;
  background-image: var(--section_main_solgan);
  background-position: center;
  background-size: cover;
  /* padding-top: 1.3em; */
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.main_slogan {
  margin-left: 86px;
  max-width: 552px;
}
.main_slogan h1 {
  font-size: 58px;
  line-height: 70px;
  margin-bottom: 20px;
}
.imp_link_green a,
.imp_link_white a {
  font-size: 28px;
  line-height: 63px;
  font-family: "Prata", serif;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  display: block;
}
.imp_link_green a {
  color: var(--color-1);
  margin: 10px 0;
}
.imp_link_white a {
  color: var(--color-3);
  margin: 35px 0;
}
.link_arrow {
  position: relative;
}
.link_arrow svg {
  position: absolute;
  top: 16.414px;
  right: -30px;
}
/* -------------------------------------- */

.sect_productCharacteristics img {
  min-height: 140px;
}

.sect_productCharacteristics h3 {
  font-family: "Prata", serif;
  font-size: 30px;
  line-height: 34px;
  color: var(--color-3);
  text-align: center;
}

.sect_productCharacteristics .produit_uses {
  font-family: "Poppins", sans-serif;
  color: var(--color-3);
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  padding: 20px 20px 70px 20px;
}
.border_cards,
.border_cards_Parent {
  border-color: var(--color-1) !important;
}
.produis_blocs {
  min-height: 300px;
}
.prix_addPanier {
  left: 0;
  right: 0;
}
/* --------------- */
.sect_packs {
  background: var(--color-3);
  margin: 30px 35px 30px 35px;
}
.pack_img {
  background-image: var(--section_pack_bg);
  background-position: center;
  background-size: cover;
  border-left: 1px solid var(--color-1);
  height: 698px;
}
span.tag {
  color: var(--color-5);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 38px;
  font-weight: 500;
  text-transform: uppercase;
}
.mini_slogan_prod,
.mini_slogan_pack,
.voir_aussi,
.mini_slogan_Explorezpack {
  font-family: "Prata", serif;
  font-size: 36px;
  line-height: 46px;
  max-width: 336px;
}
.mini_slogan_prod_index {
  max-width: unset;
}
.voir_aussi {
  max-width: unset;
}
.mini_slogan_Explorezpack {
  max-width: unset;
}

.produit_desc,
.produit_desc_index,
.pack_desc,
.produit_desc_single {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
  max-width: 394px;
}
.produit_desc_index {
  max-width: 414px;
}
p.produit_desc {
  color: var(--color-4);
}
p.pack_desc {
  color: var(--color-1);
}
.produit_desc_single {
  color: var(--color-1);
  max-width: 559px;
}
.en_savoir_plus {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: var(--color-4);
  text-decoration: underline;
  font-size: 16px;
  line-height: 28px;
  padding-top: 15px;
  margin-bottom: 90px;
}

.prix_huile {
  background: var(--color-4);
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-1);
  letter-spacing: 1.6px;
}

.prix_serum {
  background: var(--color-1);
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-3);
  letter-spacing: 1.6px;
}

.plus {
  display: inline-flex;
  margin-left: 10px;
}

.plus span {
  position: relative;
  width: 20px;
  height: 20px;
}

.plus span small {
  position: absolute;
  background-color: var(--color-3);
}
.plus #plus_huile small {
  background: var(--color-1);
}
.plus #plus_serum small {
  background: var(--color-3);
}
#small_1 {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#small_2 {
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
/* -------------------------------------- */
.sect_decouvrezHerazen {
  background: var(--section_Decouvrez_Herazen);
  background-position: center;
  background-size: cover;
  background-position: center;
  background-size: cover;
  height: 700px;
}
.sect_decouvrezHerazen h2 {
  font-family: "Prata", serif;
  font-size: 58px;
  line-height: 68px;
  color: var(--color-3);
  margin-top: 105px;
  max-width: 810px;
}
/* -------------------------------------- */
.sect_equipeSloganLight {
  padding: 25px 0;
}
.polygon {
  padding: 40px 0px;
}
.know_ingredients {
  font-family: "Prata", serif;
  font-size: 29px;
  color: var(--color-4);
  margin-bottom: 10px;
  max-width: 675px;
}
.team_hearzen {
  font-family: "Prata", serif;
  color: var(--color-1);
  font-size: 14px;
}
.faqPage_title_Ingredients {
  font-family: "Prata", serif;
  font-size: 28px;
  line-height: 68px;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--color-5);
}
.faqPage_title_tag_Ingredients {
  font-family: "Prata", serif;
  font-size: 38px;
  line-height: 60px;
  letter-spacing: 0px;
}

/* -------------------------------------- */

footer {
  background: var(--color-1);
  color: #efebe2;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 24px;
}
footer > div {
  min-height: 450px;
}
.liste_title {
  font-family: "Prata", serif;
  margin-bottom: 3px;
}
.footer_blocs {
  /* margin-top: 20px; */
  /* margin-bottom: 20px; */
  min-height: 140px;
}
footer input[type="email"] {
  width: 99%;
  height: 100%;
  background: transparent;
  border: 0;
  color: #efebe2;
}
footer input[type="email"]::placeholder {
  color: #efebe2;
}
footer input[type="email"]:focus,
footer input[type="email"]:focus-visible {
  border: none;
  outline: none;
}
.input_email_container {
  border-bottom: 0.5px solid var(--color-4);
}
.rights_reservedBigScreen {
  padding-top: 50px;
  padding-bottom: 57px;
}
.rights_reservedSmallScreen {
  display: none;
}
.accordion {
  color: var(--color-4);
  cursor: pointer;
  border: none;
  transition: 0.4s;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion p {
  font-family: "Poppins", sans-serif;
}

.panel {
  display: none;
  overflow: hidden;
  text-align: left;
}
.faqPage_hr {
  color: var(--color-1);
  width: 100%;
  height: 1px;
  margin: 0;
}
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/*            page1.html          */

.packs_card {
  font-family: "Prata", serif;
  letter-spacing: 0px;
  color: var(--color-1);
}
.packs_card_imgs {
  height: 214px !important;
  width: auto !important;
}
.packs_card_title {
  font-size: 26px;
  line-height: 34px;
  text-transform: capitalize;
}
.packs_card_colisContent {
  font-size: 14px;
  line-height: 24px;
  color: var(--color-5);
  text-transform: capitalize;
}
.packs_card_prix {
  font-size: 20px;
  line-height: 26px;
}
.packs_card_epargner {
  font-size: 20px;
  line-height: 24px;
}
.packs_card_epargner span {
  font-size: 14px;
}
.packs_card_addPanier {
  width: 90%;
  height: 54px;
  background: var(--color-4);
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-weight: bolder;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.24px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.packs_card_bg {
  position: absolute;
  background: #f4f4f2;
  left: 2%;
  right: 2%;
  top: 22%;
  bottom: 7%;
  z-index: -1;
}
.title_sec {
  font-family: "Prata", serif;
  letter-spacing: 0px;
  font-size: 35px;
  line-height: 40px;
}
.prix_unique_prod {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0px;
  color: var(--color-1);
  margin-bottom: 50px;
}

.prix_addPanierGreenBG {
  width: 45%;
  height: 54px;
  background: var(--color-1);
  font-family: "DM Sans", sans-serif;
  font-weight: bolder;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.24px;
  text-transform: uppercase;
  color: var(--color-3);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.sect_produitsGreen {
  margin-top: 100px;
}
.produit_title {
  margin-top: 80px;
  margin-bottom: 35px;
}

.bloc_unique_prod h5 {
  text-decoration: underline;
  font-family: "Prata", serif;
  letter-spacing: 0px;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 25px;
  margin-top: 75px;
  text-transform: capitalize;
}

hr {
  width: 100% !important;
  height: 1px !important;
  color: var(--color-1) !important;
  background: var(--color-1) !important;
  opacity: 1 !important;
  margin-top: 110px !important;
  margin-bottom: 40px !important;
  border: none !important;
}
#BG_SerumCapillaire,
#BG_HuileCapillaire,
#BG_Packsexclusifs {
  min-height: 415px;
  text-align: center;
  font-family: "Prata", serif;
  letter-spacing: 0px;
  font-size: 40px;
  line-height: 46px;
  color: #ffffff;
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  z-index: 2;
}
#BG_SerumCapillaire {
  background-image: var(--Mini_Serum_Capillaire);
  background-position: center;
  background-size: cover;
}
#BG_HuileCapillaire {
  background-image: var(--Huile_Capillaire);
  background-position: center;
  background-size: cover;
}
#BG_Packsexclusifs {
  background-image: var(--Mini_Packs_exclusifs);
  background-position: center;
  background-size: cover;
}

#BG_HuileCapillaire::after,
#BG_SerumCapillaire::after,
#BG_Packsexclusifs::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-2);
  opacity: 0.25;
  z-index: 1;
}
#BG_HuileCapillaire > div,
#BG_SerumCapillaire > div,
#BG_Packsexclusifs > div {
  position: relative;
  z-index: 2;
}

/* ----------------------------------------------- */
/* ----------------------Page 4 (FAQ)------------------------- */
.faqPage_sec1 {
  height: 91.5vh;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.faqPage_sec1::after {
  content: "";
  background-image: var(--section_Decouvrez_Herazen);
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.43;
}
.faqPage_sec1 > div {
  position: relative;
  margin-top: -10px;
  z-index: 2;
}
.faqPage_title_tag {
  color: var(--color-5);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  font-weight: 400;
}
.faqPage_title {
  font-family: "Prata", serif;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0px;
  color: var(--color-4);
}
.faqPage_texte {
  color: var(--color-4);
}
.faqPage_sec2 {
  /* margin-left: 150px; */
  margin-left: 10.6%;
}
.faqPage_sec3 > div {
  /* background: linear-gradient(172deg, #525b4c 0%, rgba(234, 233, 230, 0) 100%); */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='904' height='763' viewBox='0 0 904 763'><defs><linearGradient id='linear-gradient' x1='-0.56' y1='-2.193' x2='-0.217' y2='0.699' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='%23eae9e6'/><stop offset='1' stop-color='%23eae9e6' stop-opacity='0'/></linearGradient></defs><g id='Group_164' data-name='Group 164' transform='translate(-104 -1684)'><rect id='Rectangle_587' data-name='Rectangle 587' width='904' height='763' transform='translate(104 1684)' fill='url(%23linear-gradient)'/></g></svg>");
  background-size: cover;
  margin-left: 34.6%;
  padding-left: 8%;
  padding-top: 7%;
}
.faqPage_sec3 a {
  line-height: 50px;
}
.faqPage_sec4 > div {
  background: var(--color-5);
}
.faqPage_sec4 h2 {
  line-height: 58px;
}
.mrgn_Left {
  margin-left: 14.6%;
}

.card_Inscription {
  color: var(--color-3);
  letter-spacing: 0px;
  position: relative;
  max-width: 476px;
  padding-right: 0px !important;
}
.card_Inscription > div {
  position: relative;
  z-index: 2;
}
.card_Inscription::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: var(--formulaire_faq_bg);
  z-index: 1;
}

.card_Inscription h4 {
  font-family: "Prata", serif;
  font-size: 28px;
  line-height: 38px;
  font-weight: 400;
}
.card_Inscription p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
#fullName,
#adresseMail {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  color: var(--color-3);
  width: 90%;
  height: 100%;
  background: transparent;
  margin-bottom: 2px;
}
#fullName::placeholder,
#adresseMail::placeholder {
  color: var(--color-3);
}
#fullName:focus,
#fullName:focus-visible,
#adresseMail:focus,
#adresseMail:focus-visible {
  border: none;
  outline: none;
}
.page_content {
  /* margin: 100px 150px 150px 150px; */
  margin-top: 6rem;
  margin-bottom: 8rem;
  max-width: 80%;
  color: var(--color-1);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
}
.faqPage_sec6 {
  margin-left: 10.6%;
  margin-right: 10.6%;
}
.faqPage_sec6_P {
  max-width: 560px;
}
.faqPage_fisrtTitle {
  max-width: 904px;
}
.faqPage_SecondtTitle {
  max-width: 789px;
}
.faqPage_fisrtparag {
  max-width: 559px;
}
.faqPage_title_plus_qune_routine {
  max-width: 674px !important;
}

.faqPage_sec4_paragraph,
.card_Inscription_paragraph {
  max-width: 444px;
}
/* ----------------------------------------------- */
/* ---------------   Page 404   --------------- */
section.Error_404 {
  text-align: center;
  color: var(--color-1);
  margin: 40px;
  height: calc(100vh - 200px);
}
section.Error_404 h2 {
  font-family: "Prata", serif;
  font-size: 58px;
  line-height: 70px;
  margin-bottom: 40px;
  margin-top: 70px;
}
section.Error_404 p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
  max-width: 900px;
  margin: 50px auto;
}
section.Error_404 a span {
  padding-right: 20px;
}
section.Error_404 a {
  max-width: 300px;
  height: 40px;
  background: var(--color-1);
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-weight: bolder;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.24px;
  text-transform: uppercase;
  color: var(--color-3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  padding: 10px;
}
/* ----------------------------------------------- */
/*                  MailPoet Fomrs                 */
.faqPage_sec6 form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode {
  padding: 0 !important;
  padding-top: 30px !important;
}
.faqPage_sec6
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph
  input {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  color: var(--color-3);
  width: 90%;
  height: 100%;
  background: transparent;
  margin-bottom: 2px;
  padding: 0 !important;
  border-bottom: 0.5px solid var(--color-4) !important;
  padding-bottom: 5px !important;
}

.faqPage_sec6
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph
  input::placeholder {
  color: var(--color-3);
}
.faqPage_sec6
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph
  input:focus,
.faqPage_sec6
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph
  input:focus-visible {
  outline: none;
  border-bottom: 0.5px solid var(--color-4) !important;
}

form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph
  ul.parsley-errors-list.filled
  li {
  color: var(--color-4) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  line-height: 14px !important;
}

.faqPage_sec6
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph.packs_card_addPanier.text_green.mt-5.w-100.last
  input {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  letter-spacing: 2.24px !important;
  text-transform: uppercase !important;
}
/* -----Newsletter Fomr --------- */
footer form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: space-between;
  position: relative;
}
footer form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: var(--color-4);
  bottom: 0;
}
footer
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  div.mailpoet_paragraph {
  margin: 0 !important;
  padding-bottom: 5px !important;
  visibility: visible !important;
}

footer
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  .mailpoet_paragraph
  input[type="email"][id="form_email_1"] {
  padding: 0 !important;
  margin: 0 !important;
  height: 29px !important;
}

footer
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  .mailpoet_message {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: unset;
}

footer
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  p.mailpoet_validate_success {
  color: var(--color-4);
  font-size: 10px;
  line-height: normal;
  left: 0 !important;
  transform: unset !important;
}

footer
  form.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode
  .mailpoet_paragraph
  input[type="submit"] {
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8.788" height="8.788" viewBox="0 0 8.788 8.788"%3E%3Cg id="Icon_feather-arrow-down-left" data-name="Icon feather-arrow-down-left" transform="translate(0.707 8.08) rotate(-90)"%3E%3Cpath id="Path_2940" data-name="Path 2940" d="M10.5,10.5l7.373,7.373" transform="translate(-10.5 -10.5)" fill="none" stroke="%23d0c4b2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /%3E%3Cpath id="Path_2941" data-name="Path 2941" d="M10.5,17.873h7.373V10.5" transform="translate(-10.5 -10.5)" fill="none" stroke="%23d0c4b2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /%3E%3C/g%3E%3C/svg%3E')
    center/cover;
  width: 8px;
  height: 8px;
}
/* --------------Form Confirmation-------------- */
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry {
  margin: 10em 5em;
  color: var(--color-1);
  text-align: center;
}
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  h1 {
  font-family: "Prata", serif;
  font-size: 35px;
  line-height: 20px;
  margin-bottom: 40px;
  margin-top: 70px;
}
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  .mailpoet_text_label {
  font-family: "Poppins", sans-serif;
  margin-top: 20px;
  margin-bottom: 10px;
}
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  input[name="data[captcha]"] {
  color: var(--color-1) !important;
  background: transparent;
  border: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
  margin-top: 10px;
  margin-bottom: 2px;
  border-bottom: 1px solid var(--color-1) !important;
  opacity: 0.9;
}
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  input[name="data[captcha]"]:focus,
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  input[name="data[captcha]"]:focus-visible {
  outline: none;
  border-bottom: 0.5px solid var(--color-1) !important;
}
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  input[type="submit"][data-automation-id="subscribe-submit-button"] {
  color: var(--color-3) !important;
  background: var(--color-1) !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: bolder;
  font-size: 14px !important;
  line-height: 19px !important;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  padding: 10px 35px;
  letter-spacing: 1px;
}

article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  p.mailpoet_validate_success {
  color: var(--color-1);
  font-family: "Poppins", sans-serif;
  margin-top: 35px;
  position: static !important;
  transform: unset !important;
}
article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
  p.mailpoet_validate_error {
  color: var(--color-5);
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 300;
}
/* ----------------------------------------------- */
.offcanvas {
  --bs-offcanvas-width: 60%;
  background: var(--color-3);
  overflow-y: auto;
  overflow-x: hidden;
  transition-duration: 1.5s !important;
  /* display: none; */
}

.offcanvas-header,
.sidebar_SousHeader,
.PanierContentParent {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.offcanvas-header {
  padding: 2rem 0 5rem 0 !important;
}
.sidebar_SousHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.sidebar_SousHeader button {
  opacity: 1 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2356674D'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.sidebar_SousHeader h5 {
  font-family: "Prata", serif;
}

.panierRow {
  display: grid;
  grid-template-columns: 3fr 4fr 2fr 3fr 2fr;
  grid-column-gap: 20px;
  background: white;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-1);
}
.panierRow_productImage {
  grid-column: 1 / 2s;
  margin: 15px;
}
.panierRow_productImageContaier {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(208, 196, 178, 0.35);
}
.panierRow_productImage img {
  width: 120px;
  height: 120px;
}
.panierRow_productName {
  grid-column: 2 / 3;
}

.panierRow_productPrice {
  grid-column: 3 / 4;
}

.panierRow_productQte {
  grid-column: 4 / 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panierRow_productQte button.quantity-adjust {
  background: #d0c4b2;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-1);
}
.panierRow_productQte span {
  margin-right: 7px;
  margin-left: 7px;
}

.panierRow_productRemove {
  grid-column: 5 / 6;
}
.panierRow_productRemove button.remove_product {
  color: var(--color-4);
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-right: 1.5rem;
}
.TotalPriceRow .total-price {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  margin-bottom: 35px;
}
.TotalPriceRow .total-price span {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 34px;
  color: var(--color-1);
}
.CheckoutButtonRow {
  display: flex;
  justify-content: end;
  margin-bottom: 30px;
}
.CheckoutButtonRow a {
  width: 45%;
  height: 54px;
  background: var(--color-1) !important;
  font-family: "DM Sans", sans-serif;
  font-weight: bolder;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.24px;
  text-transform: uppercase;
  color: var(--color-3);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */

@media screen and (max-width: 1140px) {
  .faqPage_sec6 {
    margin-left: 5%;
    margin-right: 5%;
  }
  .offcanvas {
    --bs-offcanvas-width: 75%;
  }
}
@media screen and (max-width: 790px) {
  .offcanvas {
    --bs-offcanvas-width: 85%;
  }
}
@media screen and (min-width: 768px) {
  .logoGreen {
    margin-right: 23vw;
  }
}
@media screen and (max-width: 768px) {
  .sect_slogan,
  .sect_decouvrezHerazen h2 {
    font-size: 38px;
    line-height: normal;
    padding-left: 13px;
    padding-right: 13px;
  }
  .main_slogan {
    margin-top: -13vh;
  }
  .main_slogan h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .main_slogan {
    margin-left: 20px;
  }
  .sect_slogan a,
  .sect_decouvrezHerazen a {
    font-size: 18px;
    line-height: normal;
  }
  .link_arrow svg {
    top: 5.88px;
    right: -30px;
  }
  .know_ingredients,
  .card_Inscription_Content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .breakline {
    display: none;
  }
  .rights_reservedBigScreen {
    display: none;
  }
  .rights_reservedSmallScreen {
    display: block;
    display: flex;
  }
  .divDecouvrer_La_Magie {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .padding_x0 {
    padding-left: 0;
    padding-right: 0;
  }
  .faqPage_sec2,
  .faqPage_sec6 {
    margin-left: 00px;
    margin-right: 00px;
  }
  .mrgn_LeftReverse {
    margin-left: 0;
  }
  .card_Inscription,
  .card_Inscription_paragraph {
    max-width: unset;
  }
  .card_Inscription h4 {
    font-size: 26px;
    line-height: normal;
  }
  .faqPage_Link {
    font-size: 24px !important;
    line-height: normal !important;
  }
  .page_content {
    margin-top: 3rem;
    margin-bottom: 5rem;
    max-width: 87%;
    font-size: 14px;
    line-height: 20px;
  }
  section.Error_404 {
    margin-bottom: 20px;
    height: calc(100vh - 300px);
  }
  .title_sec {
    font-family: "Prata", serif;
    letter-spacing: 0px;
    font-size: 25px;
    line-height: 32px;
  }
  article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry {
    margin: 20px;
  }
  article#post-105.post-105.mailpoet_page.type-mailpoet_page.status-publish.hentry
    h1 {
    font-size: 25px;
    line-height: 40px;
    margin-top: 80px;
  }
  .offcanvas {
    --bs-offcanvas-width: 100%;
  }
  .panierRow_productQte {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 576px) and (max-width: 1137px) {
  .packs_card_colisContent {
    min-height: 48px;
  }
  .en_savoir_plus {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .border_cards {
    border: none !important;
    border: 1px solid var(--color-1) !important;
    border-top: none !important;
  }
  .b_l_none {
    border-left: none !important;
  }
  .b_r_none {
    border-right: none !important;
  }
  .b_b_none {
    border-bottom: none !important;
  }
  .mini_slogan_prod,
  .mini_slogan_prod_index,
  .mini_slogan_pack,
  .pack_desc {
    max-width: 100%;
    margin-right: 10px;
  }
  .footer_blocs_Newsletter {
    min-height: 120px;
  }
  .prix_addPanierGreenBG {
    width: 90%;
  }
  .faqPage_fisrtTitle,
  .faqPage_SecondtTitle,
  .faqPage_thirdtTitle,
  .faqPage_title_plus_qune_routine {
    max-width: unset;
    font-size: 38px;
    line-height: 60px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .faqPage_title_tag,
  .faqPage_sec4_paragraph {
    max-width: unset;
    line-height: normal;
    padding: 0 20px;
  }
  .faqPage_title_Ingredients {
    padding-bottom: 8px;
    font-size: 22px;
    line-height: normal;
    padding: 0 20px;
  }
  .faqPage_sec3 > div,
  .faqPage_sec4 > div {
    margin-right: 0px;
    margin-left: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  .mrgn_LeftReverse {
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .border_cards {
    border: none !important;
  }
  .border_cards_Parent {
    border: none !important;
  }
  .sect_produitsLight {
    border: none !important;
  }
  .margin_12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  hr {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .produit_title {
    margin-top: 40px;
    margin-bottom: 25px;
  }
  .prix_addPanierGreenBG {
    width: 100%;
  }
  .prix_unique_prod {
    margin-bottom: 25px;
  }
  .sect_packs {
    margin: 30px 0 0px 0;
  }
  .mini_slogan_prod,
  .mini_slogan_pack,
  .pack_desc {
    max-width: 100%;
    margin-right: 10px;
  }
  .pack_img {
    max-height: 500px;
  }
  .footer_blocs {
    min-height: 130px;
    margin-top: 15px;
  }
  .footer_blocs_produits {
    min-height: 110px;
  }
  .footer_blocs_Newsletter {
    min-height: 100px;
    width: 90%;
  }
  .reverse_Sect_footer {
    display: flex;
    flex-direction: row-reverse;
  }
  .faqPage_fisrtTitle,
  .faqPage_SecondtTitle,
  .faqPage_thirdtTitle,
  .faqPage_title_plus_qune_routine {
    max-width: unset;
    font-size: 36px;
    line-height: 50px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .faqPage_title_tag {
    max-width: unset;
    line-height: normal;
    padding: 0 20px;
  }
  .faqPage_title_Ingredients {
    padding-bottom: 8px;
    font-size: 22px;
    line-height: normal;
    padding: 0 20px;
  }
  .faqPage_sec3 > div,
  .faqPage_sec4 > div {
    margin-right: 0px;
    margin-left: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* ------------------------- */
  .panierRow {
    display: grid;
    grid-template-columns: 4fr repeat(2, 3fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 2px;
    border-radius: 2px;
  }
  .panierRow_productImage {
    grid-area: 1 / 1 / 4 / 2;
  }
  .panierRow_productName {
    grid-area: 1 / 2 / 2 / 4;
    margin-top: 5px;
  }
  .panierRow_productPrice {
    grid-area: 2 / 2 / 3 / 3;
  }
  .panierRow_productQte {
    grid-area: 2 / 3 / 3 / 4;
  }
  .panierRow_productRemove {
    grid-area: 3 / 2 / 4 / 4;
    display: flex;
    justify-content: flex-end;
  }
  .panierRow_productImageContaier {
    width: 100px;
    height: 100px;
  }
  .panierRow_productImage img {
    width: 80px;
    height: 80px;
  }
  .panierRow_productQte button.quantity-adjust {
    width: 1.5rem;
    height: 1.5rem;
  }
  .panierRow_productQte span {
    font-size: 13px;
  }
  .panierRow_productRemove button.remove_product {
    margin-right: 14px;
  }
  .CheckoutButtonRow a {
    width: 100%;
    align-items: center !important;
  }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .logoGreen {
    margin-right: 18vw;
  }
}
@media screen and (max-width: 991px) {
  #panierIcon {
    display: inline-block;
    margin-left: 10px;
  }
  #panierMot {
    display: none;
  }
}
/* ----------------------------------------------- */
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
div#panierIcon {
  position: relative;
}
/* div#panierIcon::before {
  content: "";
  position: absolute;
  top: 45%;
  bottom: -10%;
  left: 35%;
  right: -10%;
  border-radius: 50%;
  background-color: var(--color-1);
  font-weight: 200;
  font-size: 10px;
  font-family: "DM Sans", sans-serif;
  color: var(--color-3);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
} */

/* div#panierIconFilled {
  position: absolute;
  top: 45%;
  bottom: -10%;
  left: 35%;
  right: -10%;
  border-radius: 50%;
  background-color: var(--color-1);
  font-weight: 200;
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-family: "DM Sans", sans-serif;
  color: var(--color-3);
  display: flex;
  justify-content: center;
  align-items: center;
} */

.font_bold_Animated {
  font-weight: 800;
  transition: font-weight 0.5s ease;
}