.elementor-17846 .elementor-element.elementor-element-28b8399{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17846 .elementor-element.elementor-element-46682f8{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-17846 .elementor-element.elementor-element-46682f8:not(.elementor-motion-effects-element-type-background), .elementor-17846 .elementor-element.elementor-element-46682f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.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-17846 .elementor-element.elementor-element-5b7dd06{text-align:center;}.elementor-17846 .elementor-element.elementor-element-5b7dd06 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-17846 .elementor-element.elementor-element-b6d16f5 .wpr-post-breadcrumbs{text-align:center;justify-content:center !important;color:#E7E7E7;font-family:"Montserrat", Sans-serif;font-size:14px;}.elementor-17846 .elementor-element.elementor-element-b6d16f5 .wpr-breadcrumbs{text-align:center;justify-content:center !important;}.elementor-17846 .elementor-element.elementor-element-b6d16f5 .wpr-post-breadcrumbs a{color:#E7E7E7;}.elementor-17846 .elementor-element.elementor-element-b6d16f5 .wpr-post-breadcrumbs a:hover{color:#E7E7E7;}.elementor-17846 .elementor-element.elementor-element-f3b4374{--display:flex;}@media(max-width:1366px){.elementor-17846 .elementor-element.elementor-element-28b8399{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-17846 .elementor-element.elementor-element-28b8399{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17846 .elementor-element.elementor-element-5b7dd06 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for container, class: .elementor-element-46682f8 *//* Kid-friendly animated background */
.elementor-17846 .elementor-element.elementor-element-46682f8 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57, #ff9ff3);
  background-size: 400% 400%;
  animation: rainbowShift 8s ease-in-out infinite;
}

/* Floating bubbles */
.elementor-17846 .elementor-element.elementor-element-46682f8::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.3) 2px, transparent 2px),
    radial-gradient(circle at 80% 40%, rgba(255, 255, 255, 0.2) 3px, transparent 3px),
    radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.4) 1px, transparent 1px),
    radial-gradient(circle at 90% 90%, rgba(255, 255, 255, 0.3) 2px, transparent 2px),
    radial-gradient(circle at 10% 60%, rgba(255, 255, 255, 0.2) 4px, transparent 4px),
    radial-gradient(circle at 70% 10%, rgba(255, 255, 255, 0.3) 2px, transparent 2px);
  background-size: 100px 100px, 150px 150px, 80px 80px, 120px 120px, 200px 200px, 90px 90px;
  animation: floatBubbles 12s ease-in-out infinite;
  z-index: 1;
}

/* Floating shapes */
.elementor-17846 .elementor-element.elementor-element-46682f8::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    /* Stars */
    radial-gradient(circle at 15% 25%, #fff 1px, transparent 1px),
    radial-gradient(circle at 85% 15%, #fff 1px, transparent 1px),
    radial-gradient(circle at 25% 75%, #fff 1px, transparent 1px),
    radial-gradient(circle at 75% 85%, #fff 1px, transparent 1px),
    /* Hearts */
    radial-gradient(ellipse at 30% 20%, #ff6b6b 3px, transparent 3px),
    radial-gradient(ellipse at 70% 30%, #ff9ff3 3px, transparent 3px),
    /* Diamonds */
    polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) at 60% 70%,
    polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) at 20% 50%;
  background-size: 200px 200px, 180px 180px, 160px 160px, 140px 140px, 100px 100px, 120px 120px, 20px 20px, 15px 15px;
  animation: twinkleStars 6s ease-in-out infinite;
  z-index: 2;
}

/* Rainbow gradient animation */
@keyframes rainbowShift {
  0% { background-position: 0% 50%; }
  25% { background-position: 100% 50%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
  100% { background-position: 0% 50%; }
}

/* Floating bubbles animation */
@keyframes floatBubbles {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg);
    opacity: 0.7;
  }
  25% { 
    transform: translateY(-20px) rotate(90deg);
    opacity: 1;
  }
  50% { 
    transform: translateY(-10px) rotate(180deg);
    opacity: 0.8;
  }
  75% { 
    transform: translateY(-30px) rotate(270deg);
    opacity: 0.9;
  }
}

/* Twinkling stars animation */
@keyframes twinkleStars {
  0%, 100% { 
    opacity: 0.3;
    transform: scale(1);
  }
  50% { 
    opacity: 1;
    transform: scale(1.2);
  }
}

/* Ensure content stays above animations */
.elementor-17846 .elementor-element.elementor-element-46682f8 > * {
  position: relative;
  z-index: 10;
}/* End custom CSS */