.elementor-3602 .elementor-element.elementor-element-e33416b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:070px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-3602 .elementor-element.elementor-element-8165707{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-3602 .elementor-element.elementor-element-ede3893 > .elementor-widget-container{margin:0px 0px 010px 090px;}.elementor-3602 .elementor-element.elementor-element-ede3893 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.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-3602 .elementor-element.elementor-element-c3b9bcc > .elementor-widget-container{padding:0px 110px 060px 090px;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc{text-align:justify;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc p{margin-block-end:0px;}.elementor-3602 .elementor-element.elementor-element-2862903 > .elementor-widget-container{margin:0px 0px 10px 090px;}.elementor-3602 .elementor-element.elementor-element-2862903 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-3602 .elementor-element.elementor-element-65ac997 > .elementor-widget-container{padding:0px 110px 060px 090px;}.elementor-3602 .elementor-element.elementor-element-65ac997{text-align:justify;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-3602 .elementor-element.elementor-element-65ac997 p{margin-block-end:0px;}.elementor-3602 .elementor-element.elementor-element-2e7270a > .elementor-widget-container{margin:0px 0px 10px 090px;}.elementor-3602 .elementor-element.elementor-element-2e7270a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button{background-color:#06C2C3;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 4px 6px 0px rgba(0,0,0,0.5);border-radius:100px 100px 100px 100px;}.elementor-3602 .elementor-element.elementor-element-6471bd0{width:initial;max-width:initial;}.elementor-3602 .elementor-element.elementor-element-6471bd0 > .elementor-widget-container{margin:0px 0px 0px 90px;border-radius:1000px 1000px 1000px 1000px;}.elementor-3602 .elementor-element.elementor-element-6471bd0.elementor-element{--order:99999 /* order end hack */;}.elementor-3602 .elementor-element.elementor-element-1f102e0 > .elementor-widget-container{padding:0px 110px 50px 090px;}.elementor-3602 .elementor-element.elementor-element-1f102e0{text-align:justify;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-3602 .elementor-element.elementor-element-1f102e0 p{margin-block-end:0px;}.elementor-3602 .elementor-element.elementor-element-fa5224f{--display:flex;--min-height:757px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;}.elementor-3602 .elementor-element.elementor-element-fa5224f .elementor-background-slideshow__slide__image{background-position:bottom center;}.elementor-3602 .elementor-element.elementor-element-fa5224f.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3602 .elementor-element.elementor-element-8f97f1d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-3602 .elementor-element.elementor-element-e33416b{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-3602 .elementor-element.elementor-element-8165707{--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-3602 .elementor-element.elementor-element-ede3893 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc{font-size:12px;}.elementor-3602 .elementor-element.elementor-element-2862903 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-2862903{text-align:start;}.elementor-3602 .elementor-element.elementor-element-65ac997 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-65ac997{font-size:12px;}.elementor-3602 .elementor-element.elementor-element-2e7270a > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-6471bd0 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button{font-size:14px;padding:7px 15px 7px 15px;}.elementor-3602 .elementor-element.elementor-element-1f102e0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-1f102e0{font-size:12px;}.elementor-3602 .elementor-element.elementor-element-fa5224f{--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:12px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3602 .elementor-element.elementor-element-fa5224f.e-con{--align-self:flex-start;}body.elementor-page-3602{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:768px){.elementor-3602 .elementor-element.elementor-element-e33416b{--width:1600px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:00px;--padding-left:0px;--padding-right:0px;}.elementor-3602 .elementor-element.elementor-element-8165707{--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3602 .elementor-element.elementor-element-ede3893 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-3602 .elementor-element.elementor-element-ede3893{text-align:center;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc > .elementor-widget-container{padding:0px 30px 25px 30px;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc.elementor-element{--align-self:flex-start;}.elementor-3602 .elementor-element.elementor-element-c3b9bcc{text-align:justify;font-size:14px;}.elementor-3602 .elementor-element.elementor-element-2862903 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-3602 .elementor-element.elementor-element-2862903{text-align:center;}.elementor-3602 .elementor-element.elementor-element-65ac997 > .elementor-widget-container{padding:0px 30px 25px 30px;}.elementor-3602 .elementor-element.elementor-element-65ac997{text-align:justify;font-size:14px;}.elementor-3602 .elementor-element.elementor-element-2e7270a > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-3602 .elementor-element.elementor-element-2e7270a{text-align:center;}.elementor-3602 .elementor-element.elementor-element-6471bd0 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3602 .elementor-element.elementor-element-6471bd0.elementor-element{--align-self:center;}.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button{font-size:15px;padding:10px 15px 10px 15px;}.elementor-3602 .elementor-element.elementor-element-1f102e0 > .elementor-widget-container{padding:0px 30px 25px 30px;}.elementor-3602 .elementor-element.elementor-element-1f102e0{text-align:justify;font-size:14px;}.elementor-3602 .elementor-element.elementor-element-fa5224f{--width:100%;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3602 .elementor-element.elementor-element-fa5224f .elementor-background-slideshow__slide__image{background-position:center left;}.elementor-3602 .elementor-element.elementor-element-8f97f1d > .elementor-widget-container{margin:0px 0px 0px 05px;}.elementor-3602 .elementor-element.elementor-element-8f97f1d{--container-widget-width:363px;--container-widget-flex-grow:0;width:var( --container-widget-width, 363px );max-width:363px;}.elementor-3602 .elementor-element.elementor-element-8f97f1d.elementor-element{--align-self:center;}.elementor-3602 .elementor-element.elementor-element-8f97f1d img{width:100%;max-width:100%;height:443px;}}@media(min-width:769px){.elementor-3602 .elementor-element.elementor-element-fa5224f{--width:34%;}}@media(max-width:1024px) and (min-width:769px){.elementor-3602 .elementor-element.elementor-element-fa5224f{--width:47%;}}/* Start custom CSS for button, class: .elementor-element-6471bd0 */.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button:focus,
.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button:active {
    background-color:#ffffff ; /* Match normal state background */
    color: #06C2C3; /* Match normal state text color */
}
.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button {
    transition: background-color 0.1s ease, color 0.1s ease;
}

.elementor-3602 .elementor-element.elementor-element-6471bd0 .elementor-button:hover {
    background-color: #ffffff; /* Change to your desired hover background color */
    color: #06C2C3;; /* Change to your desired hover text color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8165707 */@media screen and (max-width:1024px) and (min-width:768px){
    .elementor-3602 .elementor-element.elementor-element-8165707,
    .elementor-3602 .elementor-element.elementor-element-8165707 > .e-con-inner{
        min-height: unset !important;
        height: auto !important;
    }

    .elementor-3602 .elementor-element.elementor-element-8165707{
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e33416b *//* =======================================
   BABY GENIE – BACKGROUND DECOR WITH SPARKLES
   ======================================= */

/* Variables */
.elementor-3602 .elementor-element.elementor-element-e33416b {
  --bg-image-1: url('https://babygenieapp.com/wp-content/uploads/2025/10/toy.png');
  --bg-image-2: url('https://babygenieapp.com/wp-content/uploads/2025/10/Bingie-1.webp');  /* moon 1 */
  --bg-image-3: url('https://babygenieapp.com/wp-content/uploads/2025/10/Crescent-moon-sparkle-1.webp'); /* moon 2 */
  --bg-image-4: url('https://babygenieapp.com/wp-content/uploads/2025/10/rainbow-4.png'); /* baby */
  --bg-image-5: url('https://babygenieapp.com/wp-content/uploads/2025/10/Baby-bottle-1.webp');
  --spark-1:    url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png'); /* sparkle 1 */
  --spark-2:    url('https://babygenieapp.com/wp-content/uploads/2025/10/Sparkle-1-1.png'); /* sparkle 2 */
  position: relative;
  isolation: isolate;
}

/* ---------- Static layered graphics (NO animation) ---------- */
.elementor-3602 .elementor-element.elementor-element-e33416b::before {
  content:'';
  position:absolute; inset:0;
  background-image:
    var(--bg-image-1),  /* toy */
    var(--bg-image-2),  /* moon 1 */
    var(--bg-image-3),  /* moon 2 */
    var(--bg-image-5),  /* bottle */
    var(--bg-image-4);  /* baby (moved here so it stays static) */
  background-position:
    99% 80%,   /* toy */
    55% 80%,   /* moon 1 */
    55% 40%,   /* moon 2 */
    100% 20%,  /* bottle */
    22% 7%;    /* baby (desktop position) */
  background-size:
    80px,      /* toy */
    60px,      /* moon 1 */
    70px,      /* moon 2 */
    70px,      /* bottle */
    100px;     /* baby */
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
  opacity: 0.5;
}

/* ---------- Animated sparkles ONLY ---------- */
.elementor-3602 .elementor-element.elementor-element-e33416b::after {
  content:'';
  position:absolute; inset:0;
  pointer-events:none;
  z-index: 1; /* same layer as before; increase if you want sparkles above */
  opacity: 0.5;

  /* Sparkles only */
  background-image:
    var(--spark-1),
    var(--spark-2);
  background-position:
    2% 55%,    /* sparkle 1 */
    30% 94%;   /* sparkle 2 */
  background-size:
    45px,
    45px;
  background-repeat: no-repeat;

  /* Sparkle animations */
  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-3602 .elementor-element.elementor-element-e33416b::before {
    background-position:
      0% 0%,   /* toy */
      95% 2%, /* pacifier */
      85% 23%, /* moon  */
      55% 95%, /* bottle */
      35% 56%; /* rainbow */
    background-size:
      50px, 50px, 70px, 60px, 70px;
  }
  .elementor-3602 .elementor-element.elementor-element-e33416b::after {
    background-position:
      25% 4%,
      85% 30%;
    background-size:
      25px, 35px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .elementor-3602 .elementor-element.elementor-element-e33416b::before {
    background-position:
      88% 68%, /* toy */
      87% 35%, /* moon 1 */
      5% 0%,   /* moon 2 */
      10% 60%, /* bottle */
      95% 4%;  /* baby */
    background-size:
      60px, 50px, 50px, 40px, 60px;
  }
  .elementor-3602 .elementor-element.elementor-element-e33416b::after {
    background-position:
      5% 5%,
      20% 65%;
    background-size:
      25px,
      25px;
  }
}

/* ===== SPARKLE ANIMATIONS (affect ::after only) ===== */
@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); }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .elementor-3602 .elementor-element.elementor-element-e33416b::after { animation: none; }
}/* End custom CSS */