.elementor-188 .elementor-element.elementor-element-47c53ff{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:070px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-47c53ff::before, .elementor-188 .elementor-element.elementor-element-47c53ff > .elementor-background-video-container::before, .elementor-188 .elementor-element.elementor-element-47c53ff > .e-con-inner > .elementor-background-video-container::before, .elementor-188 .elementor-element.elementor-element-47c53ff > .elementor-background-slideshow::before, .elementor-188 .elementor-element.elementor-element-47c53ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-188 .elementor-element.elementor-element-47c53ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-188 .elementor-element.elementor-element-0461ee2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-188 .elementor-element.elementor-element-7686952.elementor-element{--align-self:center;}.elementor-188 .elementor-element.elementor-element-7686952 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:700;color:#05435F;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-188 .elementor-element.elementor-element-a5155bc.elementor-element{--align-self:center;}.elementor-188 .elementor-element.elementor-element-a5155bc{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;color:#05435F;}.elementor-188 .elementor-element.elementor-element-0908365{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-188 .elementor-element.elementor-element-01838b1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:020px 020px 020px 020px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-188 .elementor-element.elementor-element-01838b1:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-01838b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-188 .elementor-element.elementor-element-a9e94a7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-188 .elementor-element.elementor-element-a9e94a7 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-188 .elementor-element.elementor-element-a9e94a7.elementor-element{--align-self:center;}.elementor-188 .elementor-element.elementor-element-a9e94a7 .fluentform-widget-wrapper{width:100%;}.elementor-188 .elementor-element.elementor-element-a9e94a7 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{width:100%;background-color:#06C2C3 !important;color:#ffffff !important;border-radius:20px 20px 20px 20px;font-family:"Poppins", Sans-serif;font-weight:600;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-188 .elementor-element.elementor-element-01838b1{--width:63%;}}@media(max-width:1024px){.elementor-188 .elementor-element.elementor-element-47c53ff{--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-7686952 .elementor-heading-title{font-size:50px;}}@media(max-width:768px){.elementor-188 .elementor-element.elementor-element-47c53ff{--min-height:625px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-7686952 .elementor-heading-title{font-size:30px;}.elementor-188 .elementor-element.elementor-element-a5155bc{font-size:14px;}.elementor-188 .elementor-element.elementor-element-01838b1{--width:86%;}}/* Start custom CSS for container, class: .elementor-element-47c53ff *//* === Baby Genie – Tracking section assets (moon + bottle + sparkles) === */
.elementor-188 .elementor-element.elementor-element-47c53ff {
  position: relative;
  /* media library assets */
  --moon:    url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp');
  --bottle:  url('https://babygenieapp.com/wp-content/uploads/2025/10/Baby-bottle-1.webp');
  --sparkle: url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png');
}

/* --- Static: Moon + Bottle (opacity 0.5, no animation) --- */
.elementor-188 .elementor-element.elementor-element-47c53ff::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;

  background-image:
    var(--moon),
    var(--bottle);
  background-repeat: no-repeat;
  background-position:
    82% -10%,  /* moon */
    1% 88%;    /* bottle */
  background-size:
    140px,      /* moon */
    90px;       /* bottle */
}

/* --- Animated: Sparkles Only --- */
.elementor-188 .elementor-element.elementor-element-47c53ff::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.6;

  background-image:
    var(--sparkle),
    var(--sparkle),
    var(--sparkle);
  background-repeat: no-repeat;
  background-position:
    28% 4%,     /* sparkle 1 */
    84% 66%,    /* sparkle 2 */
    32% 99%;    /* sparkle 3 */
  background-size:
    54px, 68px, 64px;

  animation:
    sparkle-twinkle 2.5s ease-in-out infinite,
    sparkle-pulse   3s ease-in-out infinite,
    assets-wobble   18s ease-in-out infinite;
  will-change: transform, opacity, filter;
}

/* ---------- Tablet ---------- */
@media (max-width:1024px) {
  .elementor-188 .elementor-element.elementor-element-47c53ff::before {
    background-size: 120px, 78px;
    background-position:
      80% 64%,  /* moon */
      52% 20%;  /* bottle */
  }
  .elementor-188 .elementor-element.elementor-element-47c53ff::after {
    background-size: 30px, 26px, 22px;
    background-position:
      34% 26%,
      60% 28%,
      40% 50%;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:767px) {
  .elementor-188 .elementor-element.elementor-element-47c53ff::before {
    background-size: 80px, 48px;
    background-position:
      1% 100%,   /* moon */
      100% 2%;   /* bottle */
  }
  .elementor-188 .elementor-element.elementor-element-47c53ff::after {
    background-size: 36px, 32px, 20px;
    background-position:
      2% 20%,
      94% 92%,
      38% 96%;
  }
}

/* --- Sparkle Keyframes --- */
@keyframes sparkle-twinkle {
  0%, 100% { opacity: 0.3; filter: brightness(1); }
  50%      { opacity: 1;   filter: brightness(1.5); }
}
@keyframes sparkle-pulse {
  0%, 100% { transform: scale(1) rotate(0deg); }
  25%      { transform: scale(1.15) rotate(5deg); }
  75%      { transform: scale(0.95) rotate(-5deg); }
}
@keyframes assets-wobble {
  0%, 100% { transform: translate(0, 0); }
  25%      { transform: translate(2px, -3px); }
  50%      { transform: translate(-2px, 2px); }
  75%      { transform: translate(3px, -1px); }
}

/* --- Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
  .elementor-188 .elementor-element.elementor-element-47c53ff::after { animation: none; }
}/* End custom CSS */