.hero .parallax {
  background-image: url("../images/hero/hero-image-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.hero .textHero {
  position: absolute;
  width: 40%;
  aspect-ratio: 1/1;
  z-index: 99;
  bottom: 0px;
  right: 5rem;
}
.hero .textHero .heart {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(var(--dark-color-rgb), 0.75);
  animation: heartShake 5s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
  /* mask heart */
  -webkit-mask: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.8 30'> <path d='M23.6,0c-2.6,0-5,1.2-6.6,3.2C15.4,1.2,13,0,10.4,0C4.7,0,0,4.7,0,10.4 c0,11.1,16.9,19.2,16.9,19.2s16.9-8.1,16.9-19.2C33.8,4.7,29.1,0,23.6,0z' fill='white'/> </svg>") no-repeat center/contain;
  mask: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.8 30'> <path d='M23.6,0c-2.6,0-5,1.2-6.6,3.2C15.4,1.2,13,0,10.4,0C4.7,0,0,4.7,0,10.4 c0,11.1,16.9,19.2,16.9,19.2s16.9-8.1,16.9-19.2C33.8,4.7,29.1,0,23.6,0z' fill='white'/> </svg>") no-repeat center/contain;
}
.hero .textHero .heart .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 90%;
}
.hero .textHero .heart .text h1 {
  font-size: 3rem;
  font-family: var(--font-wed2);
}
.hero .textHero .heart .text h1 img {
  height: 3rem;
}
.hero .textHero .heart .text h2 {
  font-family: var(--font-wed);
  font-size: 1.3rem;
}
.hero .textHero .heart .text p {
  font-size: 1.1rem;
  line-height: 4rem;
}
.hero .textHero .heart .text p .lSpace {
  position: relative;
}
.hero .textHero .heart .text p .lSpace::before {
  font-family: "bootstrap-icons";
  content: "\f3e7";
  position: absolute;
  color: var(--third-color);
  top: -3rem;
  transform: translateX(-50%);
  left: 50%;
}
.hero .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.hero .textHeroM h1 {
  font-size: 3rem;
  font-family: var(--font-wed2);
}
.hero .textHeroM h1 img {
  height: 3rem;
}
.hero .textHeroM h2 {
  font-family: var(--font-wed);
  font-size: 1.3rem;
}
.hero .textHeroM p {
  font-size: 1.1rem;
  line-height: 4rem;
}
.hero .textHeroM p .lSpace {
  position: relative;
}
.hero .textHeroM p .lSpace::before {
  font-family: "bootstrap-icons";
  content: "\f3e7";
  position: absolute;
  color: var(--secondary-color);
  top: -3rem;
  transform: translateX(-50%);
  left: 50%;
}
@media (min-width: 768px) {
  .hero .textHeroM h1 {
    font-size: 4rem;
  }
  .hero .textHeroM h1 img {
    height: 4rem;
  }
  .hero .textHeroM h2 {
    font-size: 1.1rem;
  }
  .hero .textHeroM p {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
  .hero .textHero .heart .text h1 {
    font-size: 4rem;
    font-family: var(--font-wed2);
  }
  .hero .textHero .heart .text h1 img {
    height: 4rem;
  }
  .hero .textHero .heart .text h2 {
    font-family: var(--font-wed);
    font-size: 1.6rem;
  }
  .hero .textHero .heart .text p {
    font-size: 1.2rem;
    line-height: 4rem;
  }
}
@media (min-width: 1400px) {
  .hero .textHero .heart .text h1 {
    font-size: 5rem;
    font-family: var(--font-wed2);
  }
  .hero .textHero .heart .text h1 img {
    height: 5rem;
  }
  .hero .textHero .heart .text h2 {
    font-family: var(--font-wed);
    font-size: 1.8rem;
  }
  .hero .textHero .heart .text p {
    font-size: 1.3rem;
    line-height: 4rem;
  }
}

@keyframes heartShake {
  0% {
    transform: rotate(15deg) translateX(0) rotate(0deg);
  }
  8% {
    transform: rotate(15deg) translateX(-8px) rotate(-1.6deg);
  }
  18% {
    transform: rotate(15deg) translateX(6px) rotate(1.2deg);
  }
  28% {
    transform: rotate(15deg) translateX(-5px) rotate(-1deg);
  }
  38% {
    transform: rotate(15deg) translateX(4px) rotate(0.8deg);
  }
  50% {
    transform: rotate(15deg) translateX(-3px) rotate(-0.6deg);
  }
  62% {
    transform: rotate(15deg) translateX(2px) rotate(0.4deg);
  }
  78% {
    transform: rotate(15deg) translateX(-1px) rotate(-0.2deg);
  }
  100% {
    transform: rotate(15deg) translateX(0) rotate(0deg);
  }
}/*# sourceMappingURL=style3.css.map */