/* Fonts *|
font-family: 'Allison', cursive;
font-family: 'Outfit', sans-serif;
|*========================*/

/*========================*|
MPSZ- JBAILLY - Laetitia Ticouzi
|*========================*/
.pink-price{color: var(--MPSZ-Color_3rd)}

/*==================*/
/*Button*/
.MPSZ_primary-btn{
  font-family: 'Outfit', sans-serif;
  font-size: 1.5em;
  margin: auto;
  border-radius: 4rem;
  background: var(--MPSZ-Color_purple70);
  border: 2.5px solid var(--MPSZ-Color_white);
  width: 16rem;
}
.MPSZ_primary-btn a{
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  color: var(--MPSZ-Color_white);
}
.MPSZ_primary-btn:hover{
  transition: border 900ms ease-in-out !important;
  background: var(--MPSZ-Color_3rd70);
  border: 2.5px solid var(--MPSZ-Color_white);
}

/*==================*/
/*Aimation Scroll Down*/
.scroll-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.scroll-background {
  text-decoration: none;
  width: 0.25rem;
  height: 4.5rem;
  background: var(--MPSZ-Color_purple70);
  overflow: hidden;
  border-radius: 4rem 4rem 0 0;
}

.scroll-element {
  width: 0.25rem;
  height: 4.5rem;
  border-radius: 4rem;
  background: var(--MPSZ-Color_3rd70);
  transform-origin: top;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: scroll-element;
  animation-timing-function: ease;
}

@keyframes scroll-element {
  0% {
    transform: translateY(-20px) scaleY(0);
  }
  75% {
      transform: translateY(40px) scaleY(1);
  }
  100% {
      transform: translateY(60px) scaleY(1);
  }
}

/*==================*/
.contact-A_hRef:hover{
  transition: border 700ms ease-in-out !important;
  color: var(--MPSZ-Color_3rd70);
}

@media all and (max-width: 700px){
  /*Responsive*/

}

/*==================*/
/*In collumn 3 items*/
.MPSZ__div-tree3col-items{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  background: var(--MPSZ-Color_purple70);
  /*border: 0.25rem var(--MPSZ-Color_purple) solid;*/
  border-radius: 0.5rem;
}

.MPSZ__div-tree3col-items p{
  font-size: 1.25rem !important;
  max-width: 20rem;
  text-align: left;
  margin: 1rem;
}