.elementor-12730 .elementor-element.elementor-element-b8dba86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-5bc3524 *//* ===============================
   HERO SECTION — MANIFESTO BG
================================ */

.fp-hero {
  padding: 160px 24px 80px;
  background:
    /* TOP RIGHT — soft orange / coral */
    radial-gradient(circle at 85% 20%, rgba(224,122,95,0.18), transparent 45%),

    /* RIGHT TOP — soft green */
    radial-gradient(circle at 80% 18%, rgba(11,107,79,0.16), transparent 45%),

    /* LEFT BOTTOM — soft blush */
    radial-gradient(circle at 20% 82%, rgba(241,226,222,0.65), transparent 50%),

    /* BASE GRADIENT */
    linear-gradient(
      180deg,
      #ffffff,
      #EDF9F6,
      #ffffff
    );

  text-align: center;
}

/* CONTENT CONTAINER */
.fp-hero-inner {
  max-width: 860px;
  margin: auto;
}

/* ===============================
   AVAILABILITY PILL
================================ */
.fp-availability {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #0B6B4F;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 36px;
}

.fp-dot {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  animation: pulse 1.6s infinite;
}

/* ===============================
   HEADLINE
================================ */
.fp-hero h1 {
  max-width: 980px;
  margin: 0 auto 22px;
   font-size: clamp(42px, 6vw, 62px) !important;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #0f172a;
}

/* SOLID GREEN SPAN */
.fp-gradient-text {
  color: #115A4D;
}

/* ===============================
   TEXT
================================ */
.fp-hero-text {
  font-size: 20px;
  line-height: 1.6;
  color: #475569;
  margin-bottom: 12px;
}

.fp-hero-response {
  font-size: 14px;
  color: #64748b;
}

/* ===============================
   ANIMATION
================================ */
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.45; }
  100% { opacity: 1; }
}

/* ===============================
   MOBILE
================================ */
@media (max-width: 768px) {
  .fp-hero {
    padding: 120px 20px 60px;
  }

  .fp-hero h1 {
    max-width: 100%;
  }

  .fp-hero-text {
    font-size: 18px;
  }
}/* End custom CSS */