@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

  body {
      font-family: 'Poppins', sans-serif;
      scroll-behavior: smooth;
  }

  .hero-bg {
      background: linear-gradient(135deg, rgba(221, 72, 99, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
      position: relative;
      overflow: hidden;
  }

  .hero-bg:before {
      content: '';
      position: absolute;
      top: -50%;
      right: -50%;
      width: 100%;
      height: 200%;
      background: radial-gradient(circle, rgba(221, 72, 99, 0.03) 0%, rgba(255, 255, 255, 0) 70%);
      z-index: 0;
  }

  .hero-content {
      position: relative;
      z-index: 1;
  }

  .hero-image {
      position: relative;
      z-index: 1;
      box-shadow: 0 25px 50px -12px rgba(221, 72, 99, 0.1);
      border-radius: 1rem;
      overflow: hidden;
      transform: perspective(1000px) rotateY(-5deg);
      transition: all 0.5s ease;
  }

  .hero-image:hover {
      transform: perspective(1000px) rotateY(0deg);
  }

  .hero-image img {
      transition: transform 0.5s ease;
  }

  .hero-image:hover img {
      transform: scale(1.05);
  }

  .service-card {
      transition: all 0.3s ease;
  }

  .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 10px 25px rgba(221, 72, 99, 0.1);
  }

  .testimonial-card {
      transition: all 0.3s ease;
  }

  .testimonial-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(221, 72, 99, 0.1);
  }

  .nav-link {
      position: relative;
  }

  .nav-link:after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      bottom: -2px;
      left: 0;
      background-color: #dd4863;
      transition: width 0.3s ease;
  }

  .nav-link:hover:after {
      width: 100%;
  }

  .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
  }

  .mobile-menu.active {
      max-height: 300px;
  }

  .floating-shape {
      position: absolute;
      opacity: 0.05;
      z-index: 0;
  }

  .floating-shape-1 {
      top: 20%;
      left: 5%;
      animation: float 8s ease-in-out infinite;
  }

  .floating-shape-2 {
      bottom: 15%;
      right: 10%;
      animation: float-reverse 7s ease-in-out infinite;
  }

  .contact-input {
      transition: all 0.3s ease;
      border-bottom: 1px solid #e5e7eb;
  }

  .contact-input:focus {
      border-bottom-color: #dd4863;
  }

  .whatsapp-button {
      position: fixed;
      bottom: 30px;
      right: 30px;
      z-index: 999;
      background-color: #25D366;
      color: white;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
      transition: all 0.3s ease;
  }

  .whatsapp-button:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
  }

  .whatsapp-button i {
      font-size: 32px;
  }

  .hiddenButtonIfNotMobileReference {
      display: none !important;
  }

  #heroImage {
      opacity: 0;
      transition: opacity 1s;
  }