/* CTA SECTION */
.cta-section {
  padding: 30px 20px;
  border-radius: 20px;
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  text-align: center;
}

/* container */
.cta-container {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

/* CTA TEXT */
.cta-content h2 {
  font-size: 32px;
  color: var(--color-dark);
  font-family: 'Playfair Display', serif;
  margin-bottom: 15px;
}

.cta-content p {
  font-size: 16px;
  color: var(--color-text-light);
  margin-bottom: 25px;
  max-width: 600px;
}

/* BUTTONS CONTAINER */
.cta-buttons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* CTA BUTTONS BASE */
.cta-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* BUTTON BASE */
.cta-btn {
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

/* WHATSAPP - Primary */
.cta-btn.whatsapp-btn {
  background: #1f4d3a;
  color: #fff;
  box-shadow: 0 10px 25px rgba(31,77,58,0.3);
}

.cta-btn.whatsapp-btn:hover {
  transform: translateY(-3px);
}

/* EMAIL - Secondary / Outlined */
.cta-btn.email-btn {
  background: transparent;
  border: 1px solid #2c6e49;
  color: #2c6e49;
}

.cta-btn.email-btn:hover {
background: #2c6e49;
  color: #fff;
}


.feature-actions {
  display: flex;
  gap: 12px;
}

.feature-btn {
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

/* Floating leaves (unchanged) */
.leaf{
  position:absolute;
  width:60px;
  height:60px;
  background:url('/assets/images/leaf.png') no-repeat center/contain;
  opacity:.45;
  animation:floatLeaf 7s ease-in-out infinite;
  z-index:1;
}

/* LEFT SIDE LEAVES */
.cta-leaf-left-1{
  top:2%;
  left:20%;
  animation-delay:0s;
}

.cta-leaf-left-2{
  top:85%;
  left:62%;
  animation-delay:2s;
}


@keyframes floatLeaf{
  0%{
    transform:translateY(0) rotate(0deg);
  }

  50%{
    transform:translateY(-20px) rotate(12deg);
  }

  100%{
    transform:translateY(0) rotate(0deg);
  }
}




/* RESPONSIVE */
@media (max-width: 768px) {
  .cta-section {
    padding: 40px 20px;
  }

  .cta-content h2 {
    font-size: 26px;
  }

  .cta-content p {
    font-size: 14px;
  }

  .cta-btn {
    width: 100%;
    justify-content: center;
  }
}