body.elementor-page-256:not(.elementor-motion-effects-element-type-background), body.elementor-page-256 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS *//* ===============================
   PAGE EDGE & BACKGROUND GLOW
   =============================== */
body {
  background-color: #fffaf5; /* soft cream base */
  color: #000000 !important; /* rich black text */
  font-family: 'Poppins', sans-serif;
  position: relative;
  overflow-x: hidden;
}

/* Yellow glow around page edges */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(circle at left, rgba(230,184,0,0.35), transparent 70%),
              radial-gradient(circle at right, rgba(230,184,0,0.35), transparent 70%);
  z-index: 0;
}

/* Optional: gentle inner edge gradient frame */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  border-left: 5px solid rgba(230,184,0,0.5);
  border-right: 5px solid rgba(230,184,0,0.5);
  box-shadow: inset 0 0 25px rgba(230,184,0,0.4);
  z-index: 1;
  pointer-events: none;
}

/* ===============================
   TEXT STYLING
   =============================== */
h1, h2, h3, h4, h5, h6, p, li {
  color: #000000 !important;  /* full black text */
  position: relative;
  z-index: 2;
}

h1, h2 {
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

p {
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

/* ===============================
   BUTTON (CTA) STYLING
   =============================== */
.elementor-button, .cta-button {
  background: linear-gradient(90deg, #ff9f57, #ff7a3d) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  padding: 14px 26px !important;
  box-shadow: 0 8px 16px rgba(255, 138, 92, 0.4);
  transition: all 0.3s ease-in-out;
  z-index: 3;
  position: relative;
}

.elementor-button:hover, .cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(255, 138, 92, 0.5);
}

/* ===============================
   MOBILE RESPONSIVE
   =============================== */
@media (max-width: 768px) {
  body::after {
    border-left: 4px solid rgba(230,184,0,0.4);
    border-right: 4px solid rgba(230,184,0,0.4);
    box-shadow: inset 0 0 20px rgba(230,184,0,0.35);
  }
}/* End custom CSS */