*, ::before, ::after {
  box-sizing: border-box; 
  padding: 0; 
  margin: 0;
}

html {
  font-size: 10px;
  line-height: 1.5;
}

@media (min-width: 102.4rem) {
  html {
    font-size: 11px;
    line-height: 1.65;
 }
}
@media (min-width: 136.6rem) {
  html {
    font-size: 12px;
 }
}
@media (min-width: 192rem) {
  html {
    font-size: 13px;
 }
}
@media (min-width: 256rem) {
  html {
    font-size: 15px;
 }
}

body {
  font-family: Quicksand, Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
}

main {
  padding-top: 4rem;
  display: flex;
  flex-direction: column;
}

nav {
  display: block;
  height: 100%;
}

.wrapper {
  min-height: 88vh;
}

/* Header */

header {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;  
  min-height: 10.4rem;  
  background-color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  box-shadow: 1rem 1rem 1.5rem rgba(156, 156, 156, 0.15);
}


.main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10.4rem;
}

.nav-list {
  display: flex;
  align-items: center;
  margin: 0;
}

.nav-item {
  list-style: none;
  margin: 0 1.5rem;
  transition: 0.3s ease;
}

.nav-item a{
  color: #11221E;
  text-decoration:none;
}

.nav-item:hover {
  color: grey;
}

.logo-img {
  height: 100%;    
} 

header a{
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  opacity: 0.9;
}

header a:hover {
  opacity: 1;
}

header ul #contact-button a{
  width: 100%;
  padding: 1rem 2rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  float: right;
  position: relative;
  line-height: 110%;
}

header ul #contact-button a:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
}

.nav-item a.active {
  font-weight: 700;
  color: #3D7F6E;
}

/* Dropdown menu */

.hide {
  display: none;
}

.drop-open, .drop-close {
  padding-left: 0.5rem;
}

.drop-close {
  display: none;
}

.drop {
  position: relative;
}

.sub-nav {
  visibility: hidden;
  height: 0;
}

.drop-content {
  display: flex;
  width: 100%;
  height: 7.8rem;
  background-color: #3D7F6E;
  left: 0;
  top: 10.5rem;
  box-shadow: 1rem 1rem 1.5rem rgba(156, 156, 156, 0.15);
  z-index: 1;
  padding-left: 49rem;
}

.drop-item {
  padding: 3rem 0 0 0;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 110%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  padding-right: 6rem;
}

.drop-content a:hover{
  font-weight: 700;
  color: #FFFFFF;
  background-color: #3D7F6E;
  text-decoration: none;
}

.drop-content a.active {
  font-weight: 700;
}

@media screen and (max-width: 1920px) {

  .drop-content {
    padding-left: 29rem;
  }
  
}

@media screen and (max-width: 1440px) {

  .drop-content {
    padding-left: 15rem;
  }
  
}

@media screen and (max-width: 1024px) {

  .nav-item {
    margin: 0;
  }

  .drop-content {
    padding-left: 4rem;
  }

  .drop-item {
    padding-right: 2rem;
  }
  
}

/* Homepage */

/* section home1 */

.home1 {
  display: flex;
  padding-left: 22%;
  padding-bottom: 5rem;
}

.home1 .left {
  display: flex;
  flex-direction: column;
  width: 40%;
  justify-content: center;
}

.home1 .right {
  display: flex;
  align-items: center;
  padding-left: 4%;
  width: 60%;
}

.home1 h1 {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
}

.reflex-block{
  font-family: 'Quicksand';
  font-style: normal;
  font-size: 1.8rem;
  line-height: 170%;
  color: #57605E;
}

.subtitle-reflex {
  font-weight: 700;
  margin-block: 3rem;
}

.p-reflex {
  font-weight: 500;
  margin-block: 3rem;
}

.reflex-img {
  width: 42.1rem;
  height: 55rem;
  filter: drop-shadow(1rem 1rem 1.5rem rgba(156, 156, 156, 0.15));
}

.link-reflex p{  
  color: #3D7F6E;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 110%;  
  letter-spacing: 0.05em;
  margin-bottom: 0;
  transform: translateY(50%);
}

@media screen and (max-width: 1920px) {
  
  .home1 {
    padding-left: 16%;
  }
}

@media screen and (max-width: 1440px) {
  
  .home1 {
    padding-left: 8%;
  }
}

/* section home2 */

.home2 {
  background: #FAF6EF;
  width: 100%;
  height: 38.6rem;
  z-index: 1;
}

.home2 h2{
  color: #3D7F6E;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 110%;
  letter-spacing: 0.29em;
  padding-top: 7rem;
  display: flex;
  justify-content: center;
}

.line-slide {
  display: flex;
  justify-content: center;
}

.line {
  display: flex;
  justify-content: center;
}

.price-all .line {
  padding-block: 1rem;
}

/* slider */

.slider {
  position: relative;
  display: flex;
}

.cont-slides {
  display: flex;
  width: 100%;
  height: 100%;
}

.reflex, .palmar, .swedish, .sports, .amma {
  display: none;
  transition: opacity 0.2s ease-in-out;
}

.palmar, .swedish, .sports, .amma {
  position: absolute;
  width: 100%;
  height: auto;
  display: none;
}

.active-slide {
  display: flex;
}

.commands {
  position: absolute;
}

.previous-slide {
  position: absolute;
  cursor: pointer;
  width: 5.5rem;
  margin-left: 49rem;
  margin-top: 14rem;
}

.next-slide {
  position: absolute;
  cursor: pointer;
  width: 5.5rem;
  margin-left: 165rem;
  margin-top: 14rem;
}

@media screen and (max-width: 1920px) {
  
  .previous-slide {
    margin-left: 32rem;
  }

  .next-slide {
    margin-left: 139rem;
  }
}

@media screen and (max-width: 1440px) {
  
  .previous-slide {
    margin-left: 14rem;
  }

  .next-slide {
    margin-left: 123rem;
  }
}

@media screen and (max-width: 1024px) {
  
  .previous-slide {
    margin-left: 0.5rem;
  }

  .next-slide {
    margin-left: 96.5rem;
  }
}

.home2 h3 {
  color: #98722F;
  font-family: Playfair Display;
  font-style: normal;
  width: 44.3rem;
  height: 2.5rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 140%;
  margin-top: 9rem;
  margin-left: 5rem;  
}

.group-element {
  display: flex;
  flex-direction: column;
}

.palmar-img {  
  width: 42.7rem;
  height: 28.7rem;
  margin-top: 5rem;
  margin-left: 65rem;
  filter: drop-shadow(1rem 1rem 1.5rem rgba(152, 114, 47, 0.15));  
}

@media screen and (max-width: 1920px) {
  
  .palmar-img {  
    margin-left: 43rem;
  }
}

@media screen and (max-width: 1440px) {
  
  .palmar-img {  
    margin-left: 26rem;
  }
}

@media screen and (max-width: 1024px) {
  
  .palmar-img {  
    margin-left: 6rem;
  }
}

.home2 p{
  color: #746449;
  font-family: Quicksand;
  width: 44.3rem;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  margin: 1.5rem 0 5rem 5rem;
}

.home2 h4 {  
  width: 36.2rem;
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 140%;
  color: #3D7F6E;
  margin: 2.2rem 0 0 5rem;
}

.home2 .pos-sports {
  margin: 0 0 0 5rem;
}

.arrow-home2 {
  cursor: pointer;
  margin-left: 5rem;
  display: none;
}

.arrow-home2.active {
  display: block;
}

.circles {
  position: absolute; 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10rem;
  margin-top: 38rem;
}

.circles .circle-active{
  width: 1.8rem;
  height: 1.8rem;
  padding: 0.3rem;
  background: #3D7F6E;
  border: 0.15rem solid #3D7F6E;
  background-clip: content-box;
}

.select {  
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 2rem;
  background: #C5E3DB;
  cursor: pointer;
  outline: none;
  margin: 0.5rem;
}


/* section home3 */

.home3 {  
  padding-top: 25rem;
  padding-bottom: 5rem;
}

.home3 h2{
  color: #3D7F6E;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
  padding-top: 7rem;
}

.p-title {
  color: #3D7F6E;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
}


.r-group {
  display: flex;
  margin-top: 5rem;
  justify-content: center;
}

.r-display {  
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 4rem;
}

.r-display h3{
  font-family: Playfair Display;
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 140%;
  text-align: center;
  color: #11221E;
  margin-bottom: 1.5rem;
}

.r-display p{
  width: 30.2rem;  
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%; 
  color: #57605E;
  text-align: center;
}

.r-img-1, .r-img-2, .r-img-3{
  width: 8rem;
  height: 9.2rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 1024px) {
  
  .r-display {
    padding-inline: 2rem;
  }

}

/* section home4 */

.home4 {
  background: #FAF6EF;
  width: 100%;
  padding-block: 2rem;
}

.home4 h2{
  color: #3D7F6E;
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
  padding-top: 7rem;
}


.home4 h3{
  font-family: Playfair Display;
  font-style: normal;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 140%;
  text-align: center;
  color: #98722F;
  margin-bottom: 3rem;
}

.home4 .message {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  text-align: center;
  color: #746449;
  width: 83.6rem;
  margin: auto;
  margin-bottom: 3rem;
}

.quote {
  margin-left: 41rem;
  margin-top: -4rem;
}

.stars-home {
  width: 13rem;
  margin: auto;  
}

.home4 .author {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 140%;
  color: #98722F;
  margin: auto;
  margin-top: -4rem;
}

/* section home5 */

.home5 {
  padding-block: 6rem;
  padding-left: 12%;
}

.home5 .main-logo {
  padding-left: 11%;
}

.home5-group {
  display: flex;
  padding-left: 3%;
}

.home5-group-list {
  margin-top: 5rem;
  margin-left: 15rem;
}

.home5 h3 {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 140%;
  color: #11221E;
  margin-top: -2rem;
  margin-bottom: 2rem;
}

.home5 li{
  display: flex;
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #11221E;
  list-style: none;
  margin-bottom: 1.5rem;
}

.position-hours {
  display: flex;
}

.icon-footer {
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

.home5 .schedule {
  margin-bottom: 0.3rem;
}

.home5-link a {
  text-decoration: none;
  color: #11221E;
}

.home5-link a:hover {
  font-weight: 700;
  color: #3D7F6E;
}

.social {
  display: flex;
}

.social li {
  margin-right: 1.9rem;
}

.foot-group-logo {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1920px) {

  .home5 {
    padding-left: 0;
  }
  
  .home5 .main-logo {
    padding-left: 14.5%;
  }

  .home5-group {
    padding-left: 6%;
  }

}

@media screen and (max-width: 1440px) {

  .home5 {
    padding-left: 0;
  }
  
  .home5-group { 
    padding-left: 0;
  }

  .home5 .main-logo {
    padding-left: 10%;
  }

  .quote {
    margin-left: 25rem;
  }

}

@media screen and (max-width: 1024px) {
  
  .home5-group-list {
    margin-left: 7rem;
  }

  .home5 .main-logo {
    padding-left: 7%;
  }

  .quote {
    margin-left: 10rem;
  }

}


/* section carine-description */

.carine-description {
  width: 100%;
  padding-top: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carine-block {
  padding-top: 7rem;
}

.carine-block h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
  text-transform: uppercase;
  color: #3D7F6E;
}

.carine-description p {
  font-family: 'Quicksand';
  font-style: normal;
  font-size: 18px;
  line-height: 170%;
  color: #57605E;
}

.img-carine img {
  width: 400px;
  filter: drop-shadow(1rem 1rem 1.5rem rgba(152, 114, 47, 0.15));
}

.group-carine {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 4rem;
  width: 25%;
}

.carine-p {
  text-align: center;
}

.carine-descr {
  font-weight: 700;
  color: #57605E;
}

.button-carine {
  padding-top: 3rem;
}

.button-carine a {
  width: 100%;
  padding: 1rem 2rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  line-height: 110%;
  text-decoration: none;
  font-size: 18px;
}

.button-carine a:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
}

@media screen and (max-width: 1920px) {
  .group-carine {
    width: 35%;
  }
}

@media screen and (max-width: 1440px) {
  .group-carine {
    width: 41%;
  }
}



/* Réflexologie */

.reflexo {
  padding-top: 5rem;
  padding-left: 5%;
  padding-bottom: 1rem;
}

.reflexo h1 {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  padding-left: 18%;
}

.reflexo h2 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: #3D7F6E;
  padding-top: 1rem;
}

.reflexo-intro {
  width: 65%;
  padding-top: 1rem;
  padding-left: 18%;
}

.img-reflexo {
  display: flex;
  justify-content: center;
  filter: drop-shadow(1rem 1rem 1.5rem rgba(152, 114, 47, 0.15));
}

.reflexo .reflexo-intro p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
}

.reflexo p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
  margin-bottom: 2rem;
}

.reflexo-block {
  padding-left: 18%;
}

.reflexo-description {
  width: 65%;
  padding-top: 1rem;
}

.reflexo-history-word {
  font-weight: 700;
}


.carrousel-reflexo {
  position: relative;
  background: #FAF6EF;
  width: 100%;
  height: 38.6rem;
  left: 0;
  top: 1rem;
  margin-bottom: 20rem;
}

.carrousel-reflexo h2{
  color: #3D7F6E;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
  padding-top: 7rem;
}

.carrousel-reflexo h3 {
  color: #98722F;
  font-family: Playfair Display;
  font-style: normal;
  width: 44.3rem;
  height: 2.5rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 140%;
  margin-top: 9rem;
  margin-left: 5rem;
}

.carrousel-reflexo p{
  color: #746449;
  font-family: Quicksand;
  width: 44.3rem;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  margin: 1.5rem 0 5rem 5rem;
}

.carrousel-reflexo h4 {  
  width: 36.2rem;
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 140%;
  color: #3D7F6E;
  margin: 2.2rem 0 0 5rem;
}

.carrousel-reflexo .pos-sports {
  margin: 0 0 0 5rem;
}

@media screen and (max-width: 1920px) {
  
  .reflexo {
    padding-left: 0;
  }
  
  .reflexo h1 {
    padding-left: 16%;
  }

  .reflexo-intro {
    padding-left: 16%;
    width: 72%;
  }

  .reflexo-block {
    padding-left: 16%;
  }

  .reflexo-description {
    width: 68%;
  }
}

@media screen and (max-width: 1440px) {
  
  .reflexo h1 {
    padding-left: 8%;
  }

  .reflexo-intro {
    padding-left: 8%;
    width: 76%;
  }

  .reflexo-block {
    padding-left: 8%;
  }

  .reflexo-description {
    width: 75%;
  }
}

@media screen and (max-width: 1024px) {
  
  .reflexo h1 {
    padding-left: 6%;
  }

  .reflexo-intro {
    padding-left: 6%;
    width: 88%;
  }

  .reflexo-block {
    padding-left: 6%;
  }

  .reflexo-description {
    width: 84%;
  }

  .carrousel-reflexo p,
  .home2 p {
    width: 40rem;
  }

  .home2 h4,
  .carrousel-reflexo h4 {
    margin: 0 0 0 5rem;
  }

  h4.pos-swedish {
    margin-top: 2.2rem;
  }
}

/* Soins */

.plantar h1,
.treat-palmar h1,
.treat-amma h1,
.treat-deep h1,
.treat-swedish h1,
.price-all h1 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  padding-left: 22%;
  padding-top: 5rem;
}

.plantar h2,
.treat-palmar h2,
.treat-amma h2,
.treat-deep h2,
.treat-swedish h2 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: #3D7F6E;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.treat-palmar h2,
.treat-amma h2,
.treat-swedish h2
{
  padding-top: 0rem;
}

.plantar .plantar-intro-block h3, .plantar-step h3 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: #98722F;
}


.plantar .plantar-intro p,
.treat-palmar .palmar-intro p,
.treat-amma .amma-intro p,
.treat-deep .deep-intro p,
.treat-swedish .swedish-intro p,
.price-all .price-all-intro p
{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
  width: 70%;
  padding-top: 1rem;
  padding-left: 22%;
}

.plantar-intro-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}

.plantar-intro-block h3 {
  padding-top: 1rem;
}

.plantar-block,
.palmar-block,
.amma-block,
.amma-block-section,
.amma-block-section-last,
.deep-block,
.swedish-block,
.price-block
{
  padding-left: 22%;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.price-block
{
  padding-top: 2rem;
}


.deep-block {
  padding-top: 0rem;
  width: 70%;
  padding-bottom: 0rem;
}

.swedish-block {
  width: 71%;
}

.amma-block
{
  width: 65%;
  padding-bottom: 0rem;
}

.amma-block-section,
.amma-block-section-last
{
  padding-top: 2rem;
  padding-bottom: 0rem;
}

.amma-block-section-last {
  padding-bottom: 2rem;
}


.amma-block-bis,
.deep-block-bis,
.swedish-block-bis {
  width: 100%;
  padding-left: 22%;
  padding-top: 1rem;
  padding-bottom: 0rem;
}

.deep-block-bis {
  padding-top: 0rem;
}

.deep-block-bis p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
}


.palmar-block {
  padding-bottom: 0rem;
}

.palmar-block-sub {
  width: 65%;
}

.palmar-block-sub .palmar-text {
  width: 100%;
}

.plantar-block p,
.palmar-block p,
.amma-block p,
.amma-block-bis p,
.amma-block-section p,
.amma-block-section-last p,
.deep-block p,
.swedish-block p,
.swedish-block-group p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
}

.plantar-block-group-total,
.palmar-block-group-total,
.amma-block-group-total,
.deep-block-group-total,
.swedish-block-group-total
{
  display: flex;
}

.deep-block-group {
  display: flex;
  flex-direction: column;
  width: 33%;
}

.amma-block-group-total {
  padding-bottom: 1rem;
}

.amma-block-group,
.swedish-block-group,
.swedish-block-group-bis {
  padding-top: 1rem;
  width: 32%;
}

.price-pos-bis
 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.swedish-block-group {
  width: 30%;
}

.swedish-block-group-bis {
  width: 100%;
}

.plantar-group,
.palmar-group,
.amma-group,
.swedish-group
{
  display: flex;
}

.amma-group
{
  display: flex;
  align-items: center;
}

.plantar-link,
.deep-link {
  color: #3D7F6E;
  text-decoration: underline;
}

.plantar-link:hover,
.deep-link:hover{
  color: #3D7F6E;
  font-weight: 700;
}

.img-plantar-bis,
.img-palmar-bis,
.img-amma-bis,
.img-deep
{
  display: flex;
  align-items: center;
  padding-left: 10rem;
}

.img-palmar-bis {
  padding-right: 21rem;
  padding-left: 15rem;
}

.img-amma-bis,
.img-deep,
.img-swedish-bis
{
  padding-left: 7rem;
}

.img-swedish-bis {
  padding-top: 0;  
}

.plantar-group .img-plantar,
.palmar-group .img-palmar,
.amma-group .img-amma,
.swedish-group .img-swedish
{
  padding-right: 1rem;
  padding-left: 2rem;
  padding-top: 0.7rem;
}

.amma-group .img-amma {
  padding-bottom: 1.7rem;
}

.plantar-group .img-plantar-custom {
  padding: 2.2rem 1rem 0 2rem;
}

.plantar-group .img-plantar-custom-bis {
  padding: 3.6rem 1rem 0 2rem;
}

.amma-group .img-amma-custom {
  padding: 0rem 1rem 1.7rem 2rem;
}

.palmar-group .img-palmar-custom,
.palmar-group .img-palmar-custom-bis {
  padding: 2rem 1rem 0 2rem;
}

.plantar-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FAF6EF;
  padding-block: 2rem;
}

.plantar-step p{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
  text-align: center;
  color: #11221E;
}

.plantar-step h4 {
  font-family: 'Futura Round Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
  text-transform: uppercase;
  color: #98722F;
  padding-top: 2rem;
}

.planter-step-text {
  padding-top: 1.5rem;
}

.plantar-text, .palmar-text {
  width: 65%;
}

.palmar-text, 
.amma-text, 
.deep-text, 
.price-note {
  padding-bottom: 1rem;
}

.amma-text-section {
  width: 60%;
}

.palmar-text-bis {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.palmar-text-bis-bot {
  padding-bottom: 5rem;
  padding-top: 1rem;
}

.plantar-price,
.palmar-price,
.deep-price,
.swedish-price {
  background: #FAF6EF;
  padding-block: 4rem;
}

.price-pos {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.price-pos-all {
  display: flex;
  flex-direction: column;
}

.pos-title {
  padding-bottom: 5rem;
}

.plantar-price-pos,
.palmar-price-pos,
.deep-price-pos,
.swedish-price-pos,
.price-pos-all {
  padding-left: 22%;
  width: 50%;
}

.price-pos-global,
.price-pos-global-palm,
.price-pos-global-deep,
.price-pos-global-swedish {
  display: flex;
}

.price-pos-global-palm,
.price-pos-global-deep,
.price-pos-global-swedish {
  padding-top: 2rem;
}

.plantar-price-pos h2,
.palmar-price-pos h2,
.deep-price-pos h2,
.swedish-price-pos h2,
.price-block h2 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: #98722F;
}

.deep-price-pos h2,
.swedish-price-pos h2,
.price-block h2 {
  padding-bottom: 1rem;
}

.price-description,
.price-description-bis {
  display: flex;
  flex-direction: column;
  width: 39%;
}

.price-description-bis {
  width: 32%;
}


.plantar-price-pos p,
.palmar-price-pos p,
.deep-price-pos p,
.swedish-price p,
.price-block p,
.price-pos p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  color: #11221E;
}

.palmar-price-pos p {
  width: 80%;
}

.plantar-price-pos-bis {
  padding-top: 2rem;
}

.plantar-price h4,
.palmar-price h4,
.deep-price h4,
.swedish-price h4 {
  font-family: 'Futura Round Medium';
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 110%;
  letter-spacing: 0.29em;
  text-transform: uppercase;
  color: #3D7F6E;
}

.plantar-group-price {
  display: flex;
  width: 85%;
  padding-left: 1rem;
}

.plantar-group-price .img-plantar {
  padding-right: 1rem;
  padding-top: 0.6rem;
}

.plantar-group-price .img-plantar-custom {
  padding-right: 1rem;
  padding-top: 2rem;
}

.price-description .price-heal,
.price-pos-all .price-heal,
.price-description-bis .price-heal {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #3D7F6E;
  }
  
.img-price-palmar {
  padding-left: 12rem;
}

.palm-price-desc {
  padding-bottom: 2rem;
}

.img-plant, .img-deep {
  padding-left: 2rem;
  padding-top: 2rem;
}

.img-deep {
  padding-top: 0;
  padding-left: 7rem;
}

.img-palm {
  padding-top: 0rem;
}

.plantar-note,
.price-note {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
  color: #746449;
  padding-left: 22%;
  width: 70%;
}

.plantar-note {
  padding-left: 22%;
}

.button-price,
.button-price-deep,
.button-price-swedish {
  padding-left: 18%;
  padding-top: 1rem;
}

.button-price {
  padding-left: 22%;
}

.button-price-deep,
.button-price-swedish {
  padding-left: 0;
}

.button-price p,
.button-price-deep p,
.button-price-swedish p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #3D7F6E;
  transform: translateY(40%);
}

/* Contact form price */

.price-contact {
  background: #FAF6EF;
  padding-block: 5rem;
}

.price-contact h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.29em;
  text-transform: uppercase;
  color: #3D7F6E;
  padding-bottom: 0.5rem;
}

.contact-main-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #11221E;
  padding-top: 3rem;
}

.contact-main-price input::placeholder, 
textarea::placeholder {
  color: #57605E;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
}

.contact-group {
  display: flex;
}

.price-contact .contact-main-price .contact-item,
.price-contact .contact-main-price .contact-item-mail,
.price-contact .contact-main-price .contact-item-subject,
.price-contact .contact-main-price .contact-item-message {
  display: flex;
  flex-direction: column;
}



.contact-item {
  padding-right: 3rem;
  padding-top: 3rem;
}

.contact-item-message,
.contact-item-mail,
.contact-item-subject {
  padding-top: 3rem;
}

.contact-item input,
.contact-item-mail input,
.contact-item-subject input {
  border: 2px solid #3D7F6E;
  width: 223px;
  height: 54px;
  padding-left: 2rem;
  background-color: #FAF6EF;
}

.contact-item label,
.contact-item-mail label,
.contact-item-subject label,
.contact-item-message label {
  padding-bottom: 0.5rem;
}

.contact-item-mail input {
  width: 400px;
}

.contact-item-subject input {
  width: 100%;
}

.button-contact-price-form button,
.button-contact-price-form-bis button {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.05em;
  border: none;
  color: #3D7F6E;
  background-color: #FAF6EF;
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  float: right;
}

.button-contact-price-form-bis button {
  float: left;
}

.button-contact-price-form button img,
.button-contact-price-form-bis button img {
  margin-top: 10px;
}

.contact-item-message textarea {
  border: 2px solid #3D7F6E;
  height: 164px;
  padding-left: 2rem;
  padding-top: 1rem;
  background-color: #FAF6EF;
}

@media screen and (max-width: 1920px) {
  
  .plantar h1,
  .treat-palmar h1,
  .treat-amma h1,
  .treat-deep h1,
  .treat-swedish h1,
  .price-all h1 {
    padding-left: 16%;
  }

  .plantar .plantar-intro p,
  .treat-palmar .palmar-intro p,
  .treat-amma .amma-intro p,
  .treat-deep .deep-intro p,
  .treat-swedish .swedish-intro p,
  .price-all .price-all-intro p {
    padding-left: 16%;
  }

  .plantar-block,
  .palmar-block,
  .amma-block,
  .amma-block-section,
  .amma-block-section-last,
  .deep-block,
  .swedish-block,
  .price-block {
    padding-left: 16%;
  }

  .swedish-block {
    width: 89%;
  }

  .plantar-price-pos,
  .palmar-price-pos,
  .deep-price-pos,
  .swedish-price-pos,
  .price-pos-all {
    padding-left: 16%;
  }

  .plantar-note {
    padding-left: 16%;
  }

  .button-price {
    padding-left: 16%;
  }

  .amma-block-bis,
  .deep-block-bis,
  .swedish-block-bis {
    padding-left: 16%;
  }

  .amma-block-group,
  .swedish-block-group,
  .swedish-block-group-bis {
    width: 38%;
  }

  .plantar-note,
  .price-note {
    padding-left: 16%;
  }

  .plantar-group-price .img-plantar-custom-medium {
    padding-top: 3.3rem;
  }

  .img-price-palmar {
    padding-left: 10rem;
  }

}

@media screen and (max-width: 1440px) {
  
  .plantar h1,
  .treat-palmar h1,
  .treat-amma h1,
  .treat-deep h1,
  .treat-swedish h1,
  .price-all h1 {
    padding-left: 8%;
  }

  .plantar-text, .palmar-text {
    width: 85%;
  }

  .img-palmar-bis {
    padding-right: 10rem;
    padding-left: 0;
  }

  .palmar-block-sub {
    width: 90%;
  }

  .plantar .plantar-intro p,
  .treat-palmar .palmar-intro p,
  .treat-amma .amma-intro p,
  .treat-deep .deep-intro p,
  .treat-swedish .swedish-intro p,
  .price-all .price-all-intro p {
    padding-left: 8%;
    width: 89%;
  }

  .plantar-block,
  .palmar-block,
  .amma-block,
  .amma-block-section,
  .amma-block-section-last,
  .deep-block,
  .swedish-block,
  .price-block {
    padding-left: 8%;
    width: 89%;
  }

  .swedish-block-group-bis {
    width: 45%;
  }

  .plantar-price-pos,
  .palmar-price-pos,
  .deep-price-pos,
  .swedish-price-pos,
  .price-pos-all {
    padding-left: 8%;
  }

  .plantar-note {
    padding-left: 8%;
  }

  .button-price {
    padding-left: 8%;
  }

  .palmar-group .img-palmar-custom,
  .palmar-group .img-palmar-custom-bis {
    padding: 3.7rem 1rem 0 2rem;
  }

  .palmar-group .img-palmar-small {
    padding: 2rem 1rem 0 2rem;
  }

  .amma-block-bis, .deep-block-bis,
  .swedish-block-bis {
    padding-left: 8%;
  }

  .price-description, .price-description-bis {
    width: 50%;
  }

  .price-note {
    padding-left: 8%;
  }

  .img-price-palmar {
    padding-left: 0rem;
  }

}

@media screen and (max-width: 1024px) {
  
  .plantar h1,
  .treat-palmar h1,
  .treat-amma h1,
  .treat-deep h1,
  .treat-swedish h1,
  .price-all h1 {
    padding-left: 6%;
  }

  .plantar .plantar-intro p,
  .treat-palmar .palmar-intro p,
  .treat-amma .amma-intro p,
  .treat-deep .deep-intro p,
  .treat-swedish .swedish-intro p,
  .price-all .price-all-intro p {
    padding-left: 6%;
    width: 90%;
  }

  .plantar-block,
  .palmar-block,
  .amma-block,
  .amma-block-section,
  .amma-block-section-last,
  .deep-block,
  .swedish-block,
  .price-block {
    padding-left: 6%;
    width: 90%;
  }

  .plantar-block {
    width: 97%;
  }

  .palmar-block {
    width: 99%;
  }

  .plantar-price-pos,
  .palmar-price-pos,
  .deep-price-pos,
  .swedish-price-pos,
  .price-pos-all {
    padding-left: 6%;
  }

  .plantar-note {
    padding-left: 6%;
  }

  .button-price {
    padding-left: 6%;
  }

  .plantar-block-group-small {
    width: 480px;
  }

  .plantar-block-group {
    width: 80%;
  }

  .img-plantar-bis,
  .img-palmar-bis,
  .img-amma-bis,
  .img-deep {
    padding-left: 0;
  }

  .plantar-text, .palmar-text {
    width: 100%;
  }

  .plantar-group-price .img-plantar {
    padding-top: 1.6rem;
  }

  .plantar-group-price .img-plantar-custom {
    padding-top: 3.2rem;
  }

  .plantar-group .img-plantar-custom-small {
    padding-top: 2rem;
  }

  .plantar-group .img-plantar-custom-medium {
    padding-top: 3.7rem;
  }

  .img-plantar.img-price-plantar-small.img-price-plantar-medium {
    padding-top: 2rem;
  }

  .plantar-group-price .img-plantar-custom-price-small {
    padding-top: 0.6rem;
  }


  .palmar-group .img-palmar-small {
    padding-right: 1rem;
    padding-left: 2rem;
    padding-top: 2rem;
  }

  .palmar-block-sub {
    width: 89%;
  }

  .img-palmar-bis {
    padding-right: 0;
    padding-left: 0;
  }

  .amma-block-bis,
  .deep-block-bis,
  .swedish-block-bis {
    padding-left: 6%;
  }

  .amma-block-group,
  .swedish-block-group,
  .swedish-block-group-bis {
    width: 43%;
  }

  .img-plantar-bis,
  .img-palmar-bis,
  .img-amma-bis,
  .img-deep {
    padding-left: 6%;
  }

  .amma-text-section {
    width: 89%;
  }

  .plantar-group-price .img-amma-small {
    padding-top: 0.7rem;
  }

  .swedish-group .img-swedish-small {
    padding-top: 2rem;
  }

  .swedish-block-group-bis {
    width: 60%;
  }

  .deep-block-group {
    width: 41%;
  }

  .price-note {
    padding-left: 6%;
  }


  .img-price-plantar {
    padding-left: 1rem;
  }

  .price-pos-global {
    width: 100%;
}

  .price-description, .price-description-bis {
    width: 50%;
  }

  .plantar-group-price .img-price-plantar-small {
    padding-top: 0.6rem;
  }

  .img-price-palmar {
    padding-left: 1rem;
  }
  
}

/* Témoignages */

.checked {
  color: #3D7F6E;
}

.opinion-first, .opinion-second {
  position: relative;
  width: 100%;
  min-height: 30rem;
  left: 0;
}

.opinion-first {
  background: #FAF6EF;
}

.opinion-second {
  background: #FFFFFF;
}

.opinion-mess{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
}

.separation {
  margin-top: 3rem;
  margin-bottom: 7.5rem;
}

.opinion-pos{
  padding-left: 22%;
  padding-top: 5rem;
}

.opinion-pos h2{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
  margin-top: 1.5rem;
  margin-bottom: 6rem;
}

.opinion-title {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
}

.opinion-title-edit {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  width: 100%;
  text-align: center;
}

.bloc-opinion {
  display: flex;
}

.quote-opinion-first, .quote-opinion-second {
  position: absolute;
  height: 13.5rem;
}

.quote-opinion-first {
  left: 58rem;
  top: -2rem;
}

.quote-opinion-img {
  padding-top: 5rem;
}

.quote-opinion-second {
  right: 58rem;
  bottom: 10rem;
}


.quote-opinion-img-second {
  margin-top: 5rem;
}

.author {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 140%;
  color: #98722F;
  margin: auto;
  margin-top: 5rem;
}

.modify-opinion {
  margin: 10rem 0 1.5rem 0;
}

.stars{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 5rem;
  margin-bottom: 5rem;
}

.stars-integer{
  display: none;
} 

.stars-opinion {
  margin-top: 3rem;
}

.select-stars {
  position: absolute;
  top: 50rem;
}

.message {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  text-align: center;
  color: #746449;
  width: 83.6rem;
  margin: auto;
}

.button-opinion {
  position: absolute;
  right: 12.5rem;
  bottom: 6rem;
}

.button-opinion-add {
  width: 22rem;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  float: right;
  text-align: center;
  line-height: 110%;
  margin: -12rem 14rem 0 0;
}

.button-opinion-add:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
  text-decoration: none;
}

.button-opinion-modify {
  width: 12rem;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  line-height: 110%;  
  text-align: center;
  margin-right: 2rem;
}

.button-opinion-modify:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
  text-decoration: none;
}

.button-opinion-delete {
  width: 12rem;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  line-height: 110%;
  text-align: center;
}

.button-opinion-delete:hover{
  background-color: red;
  border: solid 0.2rem red;
  color: #FFFFFF;
  text-decoration: none;
}

.button-opinion-return {
  width: 9rem;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  line-height: 110%;  
  text-align: center;
  margin-top: 0;
  margin-right: 60rem;
  float: right;
}

.button-opinion-return:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
  text-decoration: none;
}

.button-opinion-create {
  width: 19rem;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  color: #3D7F6E;
  border-radius: 5rem;
  border: solid 0.2rem #3D7F6E;
  line-height: 110%;  
  text-align: center;
  margin-top: 0;
  margin-left: 60rem;
  background-color: #FFFFFF;
}

.button-opinion-create:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
  text-decoration: none;
}

.opinion-form {
  margin: 10rem auto;
  width: 90rem;
  font-size: 16px;
}

.opinion-form input {
  display: flex;
  flex-direction: column;  
}

.opinion-form .label-dyn input {
  margin-top: 5rem;
}

.opinion-form .label-dyn label {
  position: absolute;
  padding-top: 1rem;
  padding-left: 1rem;
  transition: all 0.3s ease-in;
}

.opinion-form input {
  padding: 1rem 0.5rem 1rem 3rem;
  border: 0.1rem solid #c9c9c9;
  outline-color: #3D7F6E;
  border-radius: 0.5rem;
}

.opinion-form .label-dyn:focus-within label,
.opinion-form .label-dyn .active-input label {
  transform: translateY(-4rem);
  padding-left: 0.5rem;
  color: #3D7F6E;
  font-weight: 600;
}

.opinion-form .created-form {
  outline-color: #3D7F6E;
}

.stars-opinion,
.stars-opinion-add {
  display: flex;
  align-items: baseline;
  justify-content: center;
  height: 5rem;
  margin-bottom: 5rem;
}

.stars-opinion-add {
  justify-content: flex-start;
  padding-block: 5rem;
}

.datepicker table {
  font-size: 13px;
}

.alert-success {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  color: #3D7F6E;
  background-color: #FAF6EF;
  border-color: #FAF6EF;
  font-size: 16px;
  letter-spacing: 0.03em;
}

.alert-danger {
  font-size: 16px;
}

@media screen and (max-width: 1920px) {
  
  .opinion-pos {
    padding-left: 16%;
  }

  .button-opinion-return {
    margin-right: 42rem;
  }

  .button-opinion-create {
    margin-left: 42rem;
  }

  .quote-opinion-first {
    left: 40rem;
  }

  .quote-opinion-second {
    right: 40rem;
  }

}

@media screen and (max-width: 1440px) {
  
  .opinion-pos {
    padding-left: 8%;
  }

  .button-opinion-return {
    margin-right: 26rem;
  }

  .button-opinion-create {
    margin-left: 26rem;
  }

  .quote-opinion-first {
    left: 25rem;
  }

  .quote-opinion-second {
    right: 20rem;
  }
}

@media screen and (max-width: 1024px) {
  
  .opinion-pos {
    padding-left: 6%;
  }

  .button-opinion-return {
    margin-right: 6rem;
  }

  .button-opinion-create {
    margin-left: 6rem;
  }

  .quote-opinion-first {
    left: 5rem;
  }

  .quote-opinion-second {
    right: 5rem;
  }

}

/* Pagination */

.pagination {
  font-size: 1.6rem;
}

.pag-pos {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}

.page-link {
  color: #3D7F6E;
  border: 0.1rem solid #3D7F6E;
  font-weight: 600;
  font-family: Quicksand;
  font-style: normal;
  transition: none;
}

.page-link:focus {
  box-shadow: none;
}

.page-link:hover{
  background-color: #3D7F6E;
  color: #FFFFFF;
  text-decoration: none;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #3D7F6E;
  border-color: #3D7F6E;  
}

/* Enterprise & About me*/

.enterprise h1,
.about-me h1 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  padding-left: 22%;
  padding-top: 5rem;
}

.enterprise h2,
.about-me h2 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: #3D7F6E;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.enterprise h3 {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 170%;
  text-decoration-line: underline;
  color: #98722F;
}

.enterprise .enterprise-intro p,
.about-me .about-me-intro p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
  width: 75%;
  padding-top: 1rem;
  padding-left: 22%;
}

.enterprise-description p {
  padding-top: 1rem;
}

.enterprise-group {
  display: flex;
  padding-left: 1rem;
}

.enterpise-group-list {
  display: flex;
  flex-direction: column;
}

.img-list,
.img-list-custom {
  width: 0.7rem;
  padding-right: 2.5rem;
  padding-top: 5.4rem;
}

.img-list-custom {
  padding-top: 9rem;
}

.img-listbis {
  width: 0.7rem;
  padding-right: 2.5rem;
  padding-top: 0.7rem;
}

.img-enterprise {
  display: flex;
  justify-content: center;
  filter: drop-shadow(1rem 1rem 1.5rem rgba(152, 114, 47, 0.15));
}

.img-about-me img {
  display: flex;
  margin: auto;
  width: 400px;
  filter: drop-shadow(1rem 1rem 1.5rem rgba(152, 114, 47, 0.15));
  padding-block: 2rem;
}

.enterprise-block,
.about-me-block {
  padding-left: 22%;
  width: 70%;
}

.enterprise-block p,
.about-me-block p {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
}

.about-me-block p {
  padding-top: 1rem;
}

.enterprise-bold,
.palmar-bold,
.legal-bold {
  font-weight: 700;
}

.enterprise-last-block, .enterprise-last-block p{
  padding-top: 1rem;
}

.ask-price a {
  text-decoration:none;
  
}

.ask-price p {
  font-weight: 700;
  color: #3D7F6E;
}

@media screen and (max-width: 1920px) {

  .enterprise h1,
  .about-me h1 {
    padding-left: 16%;
  }

  .enterprise .enterprise-intro p,
  .about-me .about-me-intro p {
    padding-left: 16%;
  }

  .enterprise-block,
  .about-me-block {
    padding-left: 16%;
  }
}

@media screen and (max-width: 1440px) {

  .enterprise h1,
  .about-me h1 {
    padding-left: 8%;
  }

  .enterprise .enterprise-intro p,
  .about-me .about-me-intro p {
    padding-left: 8%;
  }

  .enterprise-block,
  .about-me-block {
    padding-left: 8%;
    width: 80%;
  }
}

@media screen and (max-width: 1024px) {

  .enterprise h1,
  .about-me h1 {
    padding-left: 6%;
  }

  .enterprise .enterprise-intro p,
  .about-me .about-me-intro p {
    padding-left: 6%;
    width: 88%;
  }

  .enterprise-block,
  .about-me-block {
    padding-left: 6%;
    width: 88%;
  }
}


/* Contact */

.contact h1 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  padding-left: 22%;
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.contact-main{
  display: flex;
  background: #FAF6EF;
  padding-bottom: 5rem;
}

.contact-form {  
  padding-left: 22%;
}

.contact .contact-main .contact-form .contact-main-price .contact-item,
.contact .contact-main .contact-form .contact-main-price .contact-item-mail,
.contact .contact-main .contact-form .contact-main-price .contact-item-subject,
.contact .contact-main .contact-form .contact-main-price .contact-item-message {
  display: flex;
  flex-direction: column;
}


.contact-map {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7rem;
  padding-left: 7rem;
}

.map-mobile {
  display: none;
}

.map {
  margin-top: 2rem;
}

.contact-map h2 {
  color: #3D7F6E;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.1em;
}

.contact-main p {
  color: #11221E;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
}


@media screen and (max-width: 1920px) {

  .contact h1 {
    padding-left: 16%;
  }

  .contact-form {  
    padding-left: 16%;
  }
}

@media screen and (max-width: 1440px) {

  .contact h1 {
    padding-left: 8%;
  }

  .contact-form {  
    padding-left: 8%;
  }

  .contact-map {
    padding-left: 4rem;
  }
}

@media screen and (max-width: 1024px) {

  .contact-main{
    display: flex;
    flex-direction: column;
  }

  .contact h1 {
    padding-left: 20%;
  }

  .contact-form {  
    padding-left: 6%;
  }

  .contact-map {
    padding-top: 7rem;
  }
}

/* .group-form-pos {
  display: flex;
}

.item-form {
  margin-right: 5rem;
}

.contact-form .group-form label {
  position: absolute;
  color: #57605E;
  font-size: 2rem;
  padding-left: 0;
  transform: translateY(60%);
  transition: 0.4s ease-out;
  font-family: 'Futura Round Medium';
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.12em;
}

.contact-form .group-form .contact-message label {
  position: absolute;
  color: #57605E;
  font-size: 2rem;
  transform: translateY(200%);
  transition: 0.4s ease-out;
  font-family: 'Futura Round Medium';
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.12em;
}

.contact-form .group-form .contact-message{
  display: block;
  margin-right: 5rem;
  border: none;
  outline: none;
  background: none;
  border-bottom: 0.2rem solid #57605E;
  color: #666;
  font-size: 2rem;
  transition: 0.4s ease-out;
}

.contact-form .group-form textarea{
  width: 100%;
  height: 20vh;
  border: none;
  outline: none;
  resize: none;
  background-color: #FAF6EF;
  color: #57605E;
  font-family: 'Futura Round Medium';
}

.contact-form .group-form input {
  display: block;
  width: 100%;
  padding: 1rem 0;
  border: none;
  outline: none;
  background: none;
  border-bottom: 0.2rem solid #57605E;
  color: #57605E;
  font-family: 'Futura Round Medium';
  font-size: 2rem;
  transition: 0.4s ease-out;
  margin-bottom: 5rem;
}

.contact-form .group-form .group-form-pos .item-form input{
  width: 100%;
  margin-right: 10.7rem;
  color: #57605E;
  font-family: 'Futura Round Medium';
}

.button-form button {
  font-family: 'Futura Round Medium';
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.29em;
  text-transform: uppercase;
  color: #57605E;
  border: none;
  background-color: #FAF6EF;
  margin-top: 5rem;
}

.button-form button:hover {
  color: #3D7F6E;
}

.button-contact-arrow {
  display: flex;
  margin-bottom: 10rem;
} */

/* Animation */

.contact-form .group-form .item-form:focus-within label,
.contact-form .group-form .item-form .animation label {
  transform: translateY(-100%);
  color: #3D7F6E;
}

.contact-form .group-form .item-form:focus-within input,
.contact-form .group-form .item-form .animation input {
  border-bottom-color: #3D7F6E;
}


.contact-form .group-form .contact-message:focus-within label {
  opacity: 0.33;
}

.contact-form .group-form .contact-message .animation label{
  display: none;
}

.contact-form .group-form .contact-message:focus-within,
.contact-form .group-form .animation {
  border-bottom-color: #3D7F6E;
}

/* reset-password */

.reset-button {
  display: block;
  width: auto;
  padding: 1.5rem 6rem;
  border: 0.3rem solid #3D7F6E;
  border-radius: 5rem;
  background-size: 200%;
  color: #3D7F6E;
  font-size: 2.4rem;
  font-weight: 500;
  cursor: pointer;
}

.reset-button:hover{
  color: #FFFFFF;
  background-position: 100%;
  border: 0.3rem solid #fff;
  text-decoration: none;
  background-color: #3D7F6E;
}

.reset-form {
  padding-bottom: 1rem;
  text-align: center;
}

.reset-form input {
  padding-left: 1rem;
  width: 45%;
  height: 40px;
  border: 0.1rem solid #3D7F6E;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  color: #11221E;
  border-radius: 3px;
}

.reset-form label {
  margin-right: 1rem;
}

.reset-info,
.reset-form label {
  text-align: center;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  color: #11221E;
}

.reset-info {
  padding-bottom: 2rem;
}

.reset-password {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 5rem;
  margin-top: 10rem;
  background-color: #FAF6EF;
}

.block-reset {
  width: 50%;
}

.reset-password h1 {
padding-bottom: 2rem;
color: #3D7F6E;
}

.reset-password p {
  text-align: center;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  color: #11221E;
}

.reset-password a {
  color: #3D7F6E;
  font-weight: 700;
  text-decoration: none;
}

/* Front security */

.item-form {
  position: relative;
}

.icon-verif {
  width: 3rem;
  position: absolute;
  transform: translateY(-9.3rem);
  margin-left: 56.8rem;
  display: none;
}

.group-form-pos .icon-verif{
  width: 3rem;
  position: absolute;
  transform: translateY(-9.3rem);
  margin-left: 24rem;
}

.message-alert {
  position: absolute;
  margin-top: -5rem;
  color: crimson;
  display: none;
}

/* Register page */

.box-register {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-block: 15rem;
  width: 50rem;
  height: auto;
  padding: 2.5rem;
  background: #fff;
  border-radius: 1rem;
  background-color: #FAF6EF;
  box-shadow: 1rem 1rem 1.5rem rgba(156, 156, 156, 0.15);
}

 .formBloc-register {
  width: 100%;
}

.formGroup-register-pass{
  display: flex;
  flex-direction: column;
}

.box-register h3 strong {
  color: #3D7F6E;
  font-weight: 900;
}


.formBloc-register h3 {
  font-family: Quicksand;
  font-style: normal;
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 4.5rem;
}

.formBloc-register .formGroup-register {
  position: relative;
  display: flex;
  margin-bottom: 5rem;  
}


.formBloc-register .formGroup-register-pass {
  position: relative;
  display: flex;
  margin-bottom: 5rem;
}


.formBloc-register .formGroup-register label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #57605E;
  font-size: 2rem;
  transition: 0.4s ease-out;
}

.formBloc-register .formGroup-register-pass label {
  position: absolute;
  left: 0;
  transform: translateY(30%);
  color: #57605E;
  font-size: 2rem;
  transition: 0.4s ease-out;
}

.formBloc-register .formGroup-register input {
  display: block;
  width: 189%;
  padding: 1rem 0;
  border: none;
  outline: none;
  background: none;
  border-bottom: 0.3rem solid #57605E;
  color: #666;
  font-size: 2rem;
  transition: 0.4s ease-out;  
}

.formBloc-register .formGroup-register-pass input {
  display: block;
  width: 100%;
  padding: 1rem 0;
  border: none;
  outline: none;
  background: none;
  border-bottom: 0.3rem solid #57605E;
  color: #666;
  font-size: 2rem;
  transition: 0.4s ease-out;
}

.formGroup-register:nth-child(4) {
  margin-bottom: 6.5rem;
  justify-content: center;
}

.formGroup-register-pass:nth-child(4) {
  margin-bottom: 6.5rem;
  justify-content: center;
}

.formBloc-register .formGroup-register .buttonSub-register {
  display: block;
  width: auto;
  padding: 1.5rem 6rem;
  border: 0.3rem solid #3D7F6E;
  border-radius: 5rem;
  background-size: 200%;
  color: #3D7F6E;
  font-size: 2.4rem;
  font-weight: 500;
  cursor: pointer;
  margin: auto;
}

.formBloc-register .formGroup-register .buttonSub-register:hover {
  color: #FFFFFF;
  background-position: 100%;
  border: 0.3rem solid #fff;
  text-decoration: none;
  background-color: #3D7F6E;
}

.new-pass {
  margin-bottom: 5rem;  
}

.help-text {
  margin-top: -4rem;
  color: #3D7F6E;
  font-size: 15px;
}

.formBloc .already-connect {
  color: #3D7F6E;
  font-size: 15px;
}

/* Animation */

.formBloc-register .formGroup-register:focus-within label,
.formBloc-register .formGroup-register .animation label {
  top: 0;
  transform: translateY(-100%);
  color: #3D7F6E;
}

.formBloc-register .formGroup-register:focus-within input,
.formBloc-register .formGroup-register .animation input {
  border-bottom-color: #3D7F6E;
}

.formBloc-register .formGroup-register-pass:focus-within label,
.formBloc-register .formGroup-register-pass .animation-display label {
  opacity: 0.33;
}

.formBloc-register .formGroup-register-pass .animation-display label {
  display: none;
}

.formBloc-register .formGroup-register-pass:focus-within input,
.formBloc-register .formGroup-register-pass.animation input {
  border-bottom-color: #3D7F6E;
}

/* login page */

.box {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-block: 15rem;
  width: 50rem;
  height: auto;
  padding: 2.5rem;
  background: #fff;
  border-radius: 1rem;
  background-color: #FAF6EF;
  box-shadow: 1rem 1rem 1.5rem rgba(156, 156, 156, 0.15);
}

.formBloc .login-logout {
  color: #3D7F6E;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  padding-bottom: 0.5rem;
  border-bottom: 0.2rem solid transparent;
}
.formBloc .login-logout:hover {
  border-bottom-color: #3D7F6E;
}

.checkbox{  
  color: #3D7F6E;
  font-size: 16px;
}

.formBloc {
  width: 100%;  
}

.box h3 strong {
  color: #3D7F6E;
  font-weight: 900;
}
.formBloc h3 {
  font-family: Quicksand;
  font-style: normal;
  color: #57605E;
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 4.5rem;
}

.formBloc .formGroup {
  position: relative;
  display: flex;
  margin-bottom: 5rem;
}
.formBloc .formGroup label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #57605E;
  font-size: 2rem;
  transition: 0.4s ease-out;
}
.formBloc .formGroup input {
  display: block;
  width: 100%;
  padding: 1rem 0;
  border: none;
  outline: none;
  background: none;
  border-bottom: 0.3rem solid #57605E;
  color: #666;
  font-size: 2rem;
  transition: 0.4s ease-out;
}

.formGroup:nth-child(4) {
  margin-bottom: 6.5rem;
  justify-content: center;
}

.formBloc .formGroup .buttonSub {
  display: block;
  width: auto;
  padding: 1.5rem 6rem;
  border: 0.3rem solid #3D7F6E;
  border-radius: 5rem;
  background-size: 200%;
  color: #3D7F6E;
  font-size: 2.4rem;
  font-weight: 500;
  cursor: pointer;
  margin: auto;
}

.formBloc .formGroup .buttonSub:hover {
  color: #FFFFFF;
  background-position: 100%;
  border: 0.3rem solid #fff;
  text-decoration: none;
  background-color: #3D7F6E;
}

.formBloc .passLost a {
  color: #3D7F6E;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  padding-bottom: 0.5rem;
  border-bottom: 0.2rem solid transparent;
}
.formBloc .passLost a:hover {
  border-bottom-color: #3D7F6E;
}

/* site map */

.site-map {
  padding-top: 5rem;
}

.site-map h1 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  padding-bottom: 1rem;
  padding-left: 22%;  
}

.site-map-list {
  background-color: #FAF6EF;
  padding-block: 3rem;
}

.site-map .site-map-list li {
  text-decoration:none
}

.site-map-list .site-map-sublist {
  padding-left: 2rem;
}

.site-map-list a {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 110%;
  letter-spacing: 0.05em;
  color: #11221E;
  text-decoration:none
}

.site-map-list a:hover {
  color: #3D7F6E;
  font-weight: 700;
}

.list-link {
  padding-block: 0.5rem;
  list-style: georgian inside url('../img/diamond.svg');
  padding-left: 22%;
}

.list-sublink {
  padding-block: 0.5rem;
}

@media screen and (max-width: 1920px) {

  .site-map h1 {
    padding-left: 16%;
  }

  .list-link {
    padding-left: 16%;
  }
}

@media screen and (max-width: 1440px) {

  .site-map h1 {
    padding-left: 8%;
  }

  .list-link {
    padding-left: 8%;
  }
}

@media screen and (max-width: 1024px) {

  .site-map h1 {
    padding-left: 6%;
  }

  .list-link {
    padding-left: 6%;
  }
}

/* mentions légales */

.mention-legal h1 {
  padding-top: 5rem;
  padding-left: 22%;
}

.mention-legal-block {
  background-color: #FAF6EF;
  padding-block: 3rem;
  padding-left: 5%;
}

.mention-legal-block h2,
.mention-legal-block .legal-text {
  padding-left: 18%;
}


.mention-legal h1 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #11221E;
  padding-bottom: 1rem;
}

.mention-legal h2 {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: #3D7F6E;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.legal-text {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 170%;
  color: #11221E;
  width: 80%;
}

.legal-text a {
  text-decoration:none
}

.link-legal {
  color: #3D7F6E;
}

.link-legal:hover {
  font-weight: 700;
  color: #3D7F6E;
}

.line-separate-legal {
  padding-top: 1rem;
  text-align: center;
}

@media screen and (max-width: 1920px) {

  .mention-legal h1 {
    padding-left: 16%;
  }

  .mention-legal-block {
    padding-left: 0;
  }

  .mention-legal-block h2, .mention-legal-block .legal-text {
    padding-left: 16%;
  }
}

@media screen and (max-width: 1440px) {

  .mention-legal h1 {
    padding-left: 8%;
  }

  .mention-legal-block h2, .mention-legal-block .legal-text {
    padding-left: 8%;
  }
}

@media screen and (max-width: 1024px) {

  .mention-legal h1 {
    padding-left: 6%;
  }

  .mention-legal-block h2, .mention-legal-block .legal-text {
    padding-left: 6%;
  }
}

/* Animation */

 .formBloc .formGroup:focus-within label,
.formBloc .formGroup.animation label {
  top: 0;
  transform: translateY(-100%);
  color: #3D7F6E;
}

.formBloc .formGroup:focus-within input,
.formBloc .formGroup.animation input {
  border-bottom-color: #3D7F6E;
}

/* Error page */

.error{
  margin-top: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Footer */

footer {
  bottom: 0;
  left: 0;
  right: 0;    
  width: 100%;
  height: 5.7rem;
  background-color: #3D7F6E;
}

.foot-list {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  list-style: none;
}

.foot-link a, .foot-link p {
  text-decoration: none;
  color: #FFFFFF;
}

.bloc-footer li{ 
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: 0.05em;
  margin-right: 5.5rem;
}

.call-phone a{
  color: #11221E;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {

  .bloc-footer li{ 
    padding-right: 1.5rem;
    margin-right: 0;
  }
}


/* Mobile version & Tablet version*/

/* header & Nav */

.responsive-img {
  display: none;
}

.logo-mobile {
  display: none;
}

.separation-nav {
  border-bottom: #FFF 1px solid;
}

.tablet-home {
  display: none;
}

.price-description-mobile {
  display: none;
}

.hide-resp {
  display: none;
}

@media screen and (max-width: 768px) {

  .menu-open {
    display: inline;
  }

  header {
    min-height: 7.2rem;
    font-size: 1.6rem;
  }

  .main-nav {
    height: 7.2rem;
  }

  .sub-nav-mobile {
    background: #3D7F6E;
  }

  .drop-content {
    display: flex;
    flex-direction: column;
    height: auto;
    padding-bottom: 4rem;
  }

  .drop-item {
    padding: 0;
    margin-top: 4rem;
  }

  a:not([href]):not([tabindex]) {
    color: #FFF;
  }

  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #FFF;
  }

  .drop-item-sub {
    padding-left: 2rem;
    display: none;
  }

  .responsive-img {
    display: block;
  }

  .logo-mobile {
    display: block;
    margin-inline: 20rem;
  }
  
  .sub-nav {
    display: none;
  }

  .nav-resp {
    display: none;
  }

  .nav-item .logo-img {
    display: none;
  }

  .separation-nav {
    margin-right: 4rem;
    padding-top: 4rem;
  }

  .drop-open-mob, .drop-close-mob {
    padding-left: 0.5rem;
  }

  img.drop-open-mob {
    width: 17px;
  }
  
  .drop-close-mob {
    display: none;
  }

  .home1 {
    flex-direction: column;
  }

  .mobile-home {
    display: none;
  }

  .tablet-home {
    display: flex;
    width: 95%;
  }

  .home1 .left {
    width: 85%;
  }

  .home1 .right {
    width: 100%;
    padding-left: 0;
    justify-content: center;
  }

  .active-slide {
    flex-direction: column;
  }

  .home2 {
    height: 78rem;
  }

  .carrousel-reflexo {
    height: 80rem;
  }

  .home2 h3 {
    margin-top: 8rem;
    margin-left: 17rem;
  }

  .home2 p {
    margin: 1rem 0 5rem 17rem;
  }

  .home2 .pos-swedish {
    margin: 0 0 0 17rem;
  }

  .home2 h4,
  .home2 .pos-amma,
  .home2 .pos-swedish,
  .home2 .pos-sports {
    margin: -2.8rem 0 0 17rem;
  }

  .palmar-img {
    margin-left: 17rem;
  }

  .previous-slide {
    margin-left: 5.5rem;
  }

  .next-slide {
    margin-left: 66.5rem;
  }
  
  .arrow-home2 {
    margin-left: 17rem;
  }

  .circles {
    margin-top: 33rem;
  }

  .home3 {
    padding-top: 0;
  }

  .r-group {
    flex-direction: column;
  }

  .r-display {
    padding-inline: 0;
    margin-block: 2rem;
  }

  .quote {
    margin-left: 2rem;
  }

  .home4 .message {
    width: 90%;
  }

  .carrousel-reflexo h3,
  .carrousel-reflexo h4,
  .carrousel-reflexo .pos-amma,
  .carrousel-reflexo .pos-swedish,
  .carrousel-reflexo .pos-sports,
  .carrousel-reflexo p {
    margin-left: 17rem;
  }

  .carrousel-reflexo .pos-amma,
  .carrousel-reflexo h4 {
    margin-top: 0;
  }

  .carrousel-reflexo p {
    margin-bottom: 3rem;
  }

  .carrousel-reflexo {
    margin-bottom: 0;
  }

  .mention-legal-block .legal-text {
    width: 94%;
  }

  .img-listbis-mobile {
    padding-top: 2rem;
  }

  .message {
    width: 90%;
  }

  .button-opinion-add {
    margin: -5rem 3rem 0 0;
  }

  .button-opinion {
    right: 2.5rem;
  }

  .opinion-form {
    width: 90%;
  }

  .price-pos-global,
  .price-pos-global-palm,
  .price-pos-global-deep,
  .price-pos-global-swedish {
    flex-direction: column;
  }

  .price-description,
  .price-description-bis {
    width: 100%;
  }

  .plantar-group-price 
  .img-plantar-custom {
    padding-top: 2.2rem;
  }

  .price-description-mobile {
    display: flex;
    flex-direction: column;
  }

  .price-description-mobile
  .price-heal-mobile {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #3D7F6E;
  }

  .price-hide{
    display: none;
  }

  .plantar-group-price .img-plantar {
    padding-top: 0.6rem;
  }

  .img-plantar.img-medium,  
  .palmar-group .img-palmar-custom,
  .plantar-price-pos h2 {
    padding-top: 2rem;
  }

  .img-palmar-custom-bis.img-palmar-small.img-medium {
    padding-top: 3.8rem;
  }

  .plantar-block-group-total,
  .palmar-block-group-total,
  .amma-block-group-total,
  .deep-block-group-total, 
  .swedish-block-group-total {
    flex-direction: column;
  }

  .img-plantar-bis,
  .img-palmar-bis,
  .img-palm,
  .img-amma-bis,
  .img-deep {
    padding-left: 18%;
    padding-top: 2rem;
  }

  .img-plant,
  .img-palm,  
  .img-swedish {
    padding-left: 22%;
    padding-top: 2rem;
  }

  .plantar-block-group {
    width: 89%;
  }

  .plantar-price-pos,
  .palmar-price-pos,
  .amma-block-group,
  .swedish-block-group,
  .swedish-block-group-bis {
    width: 100%;
  }

  .palmar-group,
  .deep-block-group {
    width: 98%;
  }

  .palmar-group .img-palmar-small,
  .swedish-group .img-swedish-small {
    padding-top: 0.7rem;
  }

  .img-swedish-bis {
    padding-left: 12rem;
    padding-top: 2rem;
  }
  
  .hide-mobile {
    display: none;
  }

  .hide-resp {
    display: block;
  }

  .button-price-swedish,
  .button-price-deep {
    padding-left: 6%;
  }

}

@media screen and (max-width: 425px) {

  header {
    min-height: 7.2rem;
    font-size: 1.6rem;
  }

  .wrapper {
    overflow-x: hidden;
  }

  .main-nav {
    height: 7.2rem;
  }
  
  .drop-content {
    display: flex;
    flex-direction: column;
    height: auto;
    padding-bottom: 4rem;
  }

  .responsive-img {
    display: block;
  }

  .logo-mobile {
    display: block;
    margin-inline: 6rem;
  }
  
  .sub-nav {
    display: none;
  }

  .nav-resp {
    display: none;
  }

  .nav-item .logo-img {
    display: none;
  }

  .carine-description {
    flex-direction: column;
  }

  .img-carine img {
    width: 350px;
  }

  .group-carine {
    padding-left: 0;
    padding-top: 2rem;
    width: 100%;
  }

  .home1 {
    padding-left: 27px;
  }

  .home1 .left {
    width: 100%;
  }

  .home1 h1 {
    font-size: 3rem;
  }

  .home1 .right {
    width: 91%;
  }

  .home3 h2 {
    line-height: 3rem;
  }

  .palmar-img {
    margin-left: -0.5rem;
  }

  .home2 h3,
  .home2 p,
  .home2 h4,
  .arrow-home2 {
    margin-left: 3rem;
  }

  .home2 h3 {
    margin-top: 0;
  }

  .home2 {
    height: 83rem;
  }

  .home2 p {
    width: 80%;
  }

  .group-element {
    margin-top: 3rem;
  }

  .home2 h4, .home2 .pos-amma, .home2 .pos-swedish, .home2 .pos-sports {
    margin: -2.8rem 0 0 3rem;
  }


  .previous-slide {
    margin-top: 62rem;
    margin-left: 25rem;
  }

  .next-slide {
    margin-left: 32rem;
    margin-top: 62rem;
  }

  .circles {
    margin-top: 60rem;
    margin-left: 6rem;
    width: 40%;
  }

  .home3 {
    margin-top: 0;
  }

  .reflex-img img {
    width: 100%;
  }

  .palmar-img img {
    width: 100%;
    padding-left: 2.5rem;
  }

  .reflexo-intro {
    width: 98%;
  }

  .reflexo-description {
    width: 90%;
  }

  .img-reflexo img,
  .img-deep img {
    width: 100%;
  }

  .carrousel-reflexo h3,
  .carrousel-reflexo h4,
  .carrousel-reflexo .pos-amma,
  .carrousel-reflexo .pos-swedish,
  .carrousel-reflexo .pos-sports,
  .arrow-home2,
  .carrousel-reflexo p
   {
    margin-left: 2rem;
    margin-top: 0;
  }

  .box {
    width: 94%;
  }

  .enterprise .enterprise-intro p {
    width: 98%;
  }

  .img-enterprise img{
    width: 100%;
    padding-left: 1rem;
  }

  .img-list-custom {
    padding-top: 20rem;
  }

  .img-listbis-mobile-s {
    padding-top: 3.8rem;
  }

  .contact-form,
  .img-deep {
    padding-left: 0%;
  }

  .contact-group {
    flex-direction: column;
  }

  .contact-map {
    padding-left: 0rem;
  }

  .map {
    display: none;
  }

  .map-mobile {
    display: flex;
  }

  .price-all .price-all-intro p {
    width: 100%;
  }

  .plantar-group-price {
    width: 100%;
  }

  .plantar-group-price .img-plantar {
    padding-top: 1.8rem;
  }

  .plantar-group-price 
  .img-plantar-custom {
    padding-top: 4.2rem;
  }

  .img-plantar.img-price-plantar-small.img-price-plantar-xs {
    padding-top: 0.7rem;
  }

  .price-pos-all {
    width: 100%;
  }


  .img-price-plantar,
  .img-price-palmar {
    padding-top: 1rem;
    padding-left: 2.5rem;
  }

  .img-plantar.img-price-plantar-small.img-price-plantar-xs {
    padding-top: 0.6rem;
  }

  .img-price-plantar img,
  .img-price-palmar img {
    width: 100%;
  }

  .price-description-mobile {
    padding-top: 1rem;
  }

  img.arrow-home2-position {
    padding-left: 1rem;
  }

  .reflex-img {
    height: 50rem;
  }
  
  .plantar .plantar-intro p,
  .treat-palmar .palmar-intro p,
  .treat-amma .amma-intro p,
  .treat-deep .deep-intro p,
  .treat-swedish .swedish-intro p,
  .price-all .price-all-intro p {
    font-size: 1.6rem;
    }

  .plantar .plantar-intro-block h3, .plantar-step h3 {
    font-size: 1.8rem;
  }

  .plantar h2, .treat-palmar h2, .treat-amma h2, .treat-deep h2, .treat-swedish h2 {
    font-size: 2rem;
  }

  .plantar-block p, .palmar-block p, .amma-block p, .amma-block-bis p, .amma-block-section p, .amma-block-section-last p, .deep-block p, .swedish-block p, .swedish-block-group p {
    font-size: 1.6rem;
  }

  .img-plantar.img-small {
    padding-top: 2rem;
  }

  .img-plantar.img-small-bis {
    padding-top: 3.2rem;
  }

  .plantar-group 
  .img-plantar-custom-medium {
    padding-top: 5.7rem;
  }

  .plantar-step p {
    font-size: 1.6rem;
  }

  .img-plantar-bis {
    padding-left: 0;
  }

  .img-plant {
    padding-left: 2rem;
  }

  .img-plantar-bis img,
  .img-plant img,
  .img-palm img,
  .img-palmar-bis img {
    width: 100%;
  }

  .plantar-block-group {
    width: 95%;
  }

  .img-palm,
  .img-deep-price {
    padding-left: 5%;
  }

  .img-palmar-bis {
    padding-left: 0;
  }

  .plantar-price-pos p, .palmar-price-pos p, .deep-price-pos p, .price-block p, .price-pos p {
    font-size: 1.6rem;
  }

  .plantar-group-price .img-plantar {
    padding-top: 0.5rem;
  }

  .plantar-group-price 
  .img-plantar-custom-sm {
    padding-top: 3rem;
  }

  .palmar-group .img-palmar-small {
    padding-top: 2rem;
  }

  .palmar-group .img-palmar-custom {
    padding-top: 4.5rem;
  }

  .img-palmar-custom-bis.img-palmar-small.img-medium {
    padding-top: 7.4rem;
  }

  .img-palmar.img-palmar-custom.img-palmar-sm {
    padding-top: 3.3rem;
  }

  .img-palmar-custom-bis.img-palmar-small.img-medium.img-small {
    padding-top: 6rem;
  }

  .img-plantar-custom.img-medium {
    padding-top: 3rem;
  }

  .img-amma-bis,
  .img-swedish-bis {
    padding-left: 0;
  }

  .img-amma-bis img,
  .img-swedish-bis img,
  .img-swedish-price img {
    width: 100%;
  }

  .img-swedish.img-swedish-small.img-sm,
  .img-swedish.img-sm,
  .img-plantar.img-small {
    padding-top: 2rem;
  }

  .img-swedish {
    padding-left: 5%;
  }

  .author {
    font-size: 2.5rem;
  }

}

@media screen and (max-width: 375px) {

  .logo-mobile {
    display: block;
    margin-inline: 4rem;
  }

  .home2 p {
    width: 330px;
  }

  .arrow-circle img {
    width: 100%;
  }

  .palmar-img img {
    width: 88%;
  }

  .group-element {
    margin-top: 0;
  }

  .previous-slide {
    margin-left: 23rem;
  }

  .next-slide {
    margin-left: 30rem;
  }

  .line-slide img{
    width: 100%;
  }

  .img-reflexo img {
    padding-left: 1rem;
  }

 .carrousel-reflexo p {
    width: 330px;
 }

  .line-separate-legal img {
    width: 100%;
  }

  .select-stars {
    top: 53rem;
  }

  .img-about-me img {
    width: 95%;
  }

  .contact-main-price {
    padding-left: 5rem;
  }

  .contact-item-subject input {
    width: 88%;
  }

  .contact-item-message textarea {
    width: 88%;
  }

  .contact-map h2 {
    font-size: 1.8rem;
  }

  .contact-main p {
    font-size: 1.6rem;
  }

  .price-all .price-all-intro p {
    width: 98%;
  }

  .line img {
    width: 90%;
  }

  .button-contact-price-form button {
    padding-right: 5rem;
  }

  .line-slide img {
    width: 90%;
  }

  img.arrow-home2-position {
    padding-left: 1rem;
  }

  .reflex-img {
    height: 44rem;
  }

  .plantar .plantar-intro-block h3, .plantar-step h3 {
    font-size: 1.6rem;
  }

  .plantar-step p {
    font-size: 1.5rem;
  }

  .plantar-price-pos p, .palmar-price-pos p, .deep-price-pos p, .swedish-price p, .price-block p, .price-pos p {
    font-size: 1.5rem;
  }
  
  .img-palmar.img-xs,
  .img-swedish.img-xs {
    padding-top: 2rem;
  }

  .treat-amma h1,
  .treat-deep h1,
  .plantar h1,
  .treat-palmar h1 {
    font-size: 3rem;
  }

  .deep-block-bis p {
    font-size: 1.6rem;
  }

  .author {
    font-size: 2.2rem;
  }

  .home1 h1 {
    font-size: 2.5rem;
  }

  .reflexo h2 {
    font-size: 2.2rem;
  } 

  .enterprise h1, .about-me h1 {
    font-size: 3.4rem;
  }

  .opinion-title {
    font-size: 3.4rem;
  } 

}

@media screen and (max-width: 320px) {

  .logo-mobile {
    display: block;
    margin-inline: 2rem;
  }

  .arrow-circle img {
    width: 100%;
    padding-top: 2rem;
  }

  .palmar-img img {
    width: 78%;
    padding-left: 1rem;
  }

  .home2 p,
  .carrousel-reflexo p {
    width: 280px;
  }

  .circles {
    margin-left: 3rem;
    margin-top: 60rem;
  }

  .previous-slide {
    margin-left: 18rem;
    margin-top: 62rem;
  }

  .next-slide {
    margin-left: 25rem;
    margin-top: 62rem;
  }
  
  .line img {
    width: 90%;
  }

  .line-slide img {
    width: 90%;
  }

  img.arrow-home2-position {
    padding-left: 1rem;
  }


  .img-carine img {
    width: 300px;
  }

  .img-listbis-mobile-s {
    padding-top: 3.8rem;
  }

  .img-listbis-mobile-very-s {
    padding-top: 5rem;
  }

  .contact-main-price {
    padding-left: 11rem;
  }

  .contact-item-subject input {
    width: 73%;
  }

  .contact-item-message textarea {
    width: 73%;
  }

  .contact-map h2 {
    font-size: 1.6rem;
  }

  .contact-main p {
    font-size: 1.4rem;
  }

  .reflex-img {
    height: 37rem;
  }

  .treat-palmar h1 {
    font-size: 3rem;
  }

  .plantar .plantar-intro-block h3 {
    font-size: 1.4rem;
    padding-left: 0rem;
  }

  .treat-palmar h2,
  .plantar h2,
  .treat-deep h2,
  .treat-swedish h2 {
    font-size: 1.8rem;
  }
  
  .treat-amma h2 {
    font-size: 1.7rem;
  }

  .home1 h1 {
    font-size: 2.2rem;
  }

  .author {
    font-size: 2rem;
  }

  .reflexo h2 {
    font-size: 1.9rem;
  }
  
  .enterprise h1, .about-me h1 {
    font-size: 3rem;
  }
}

/* footer */

.drop-foot {
  display: none;
}

.foot-mobile {
  display: flex;
}

@media screen and (max-width: 768px) {
  .drop-footer-icon, .social {
    display: none;
  }

  .home5 .main-logo {
    padding-left: 6%;
  }

  .home5-group-list {
    margin-left: 5rem;
  }

  .home5-group {
    display: flex;
    flex-direction: column;
  }

  .drop-foot-group {
    display: flex;
    justify-content: space-between;
  }

  .drop-foot {
    display: flex;
    padding-right: 4rem;
  }

  .home5 h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .home5 li {
    margin-bottom: 1rem;
    padding-top: 1.5rem;
  }

  footer {
    height: auto;
  }

  .bloc-footer {
    padding-bottom: 1rem;
  }

  .foot-list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .foot-mobile {
    display: flex;
    padding-bottom: 1rem;
  }

  .foot-mobile .foot-link {
    margin-inline: 1rem;
  }
  
  .bloc-footer li {
    padding-top: 1rem;
  }
  
}

@media screen and (max-width: 425px) {

  .home5 .main-logo {
    padding-left: 10%;
  }
}

@media screen and (max-width: 375px) {

  .home5 .main-logo {
    padding-left: 9%;
  }

  .home5-group-list {
    margin-left: 4rem;
  }
}

@media screen and (max-width: 375px) {

  .home5 .main-logo {
    padding-left: 8%;
  }

  .home5-group-list {
    margin-left: 3rem;
  }
}