.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#C5C5C5;--e-global-color-accent:#A8A8A8;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:transparent;background-image:linear-gradient(180deg, #0F3460 0%, #0F3460 100%);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Page Background with Gradient */
body,
.elementor-page {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
  color: #bdc3c7 !important;
  overflow-x: hidden !important;
  position: relative !important;
}

/* Create particles using body pseudo-elements */
body::before {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: 
    radial-gradient(2px 2px at 10% 20%, rgba(255, 255, 255, 0.15), transparent),
    radial-gradient(3px 3px at 80% 30%, rgba(255, 255, 255, 0.1), transparent),
    radial-gradient(1px 1px at 50% 60%, rgba(255, 255, 255, 0.12), transparent),
    radial-gradient(4px 4px at 20% 80%, rgba(255, 255, 255, 0.08), transparent),
    radial-gradient(2px 2px at 90% 10%, rgba(255, 255, 255, 0.1), transparent),
    radial-gradient(3px 3px at 30% 40%, rgba(255, 255, 255, 0.12), transparent) !important;
  background-size: 
    200px 100vh,
    300px 100vh,
    150px 100vh,
    250px 100vh,
    180px 100vh,
    220px 100vh !important;
  animation: particleFloat 25s linear infinite !important;
}

/* Background gradient overlays */
body::after {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: 
    radial-gradient(circle at 20% 20%, rgba(52, 152, 219, 0.05) 0%, transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(155, 89, 182, 0.05) 0%, transparent 40%) !important;
  z-index: -2 !important;
  pointer-events: none !important;
  animation: gradientShift 15s ease-in-out infinite !important;
}

/* Particle floating animation */
@keyframes particleFloat {
  0% {
    transform: translateY(0) translateX(0) !important;
  }
  100% {
    transform: translateY(-100vh) translateX(50px) !important;
  }
}

/* Gradient shifting animation */
@keyframes gradientShift {
  0%, 100% {
    background: 
      radial-gradient(circle at 20% 20%, rgba(52, 152, 219, 0.05) 0%, transparent 40%),
      radial-gradient(circle at 80% 80%, rgba(155, 89, 182, 0.05) 0%, transparent 40%) !important;
  }
  50% {
    background: 
      radial-gradient(circle at 30% 70%, rgba(52, 152, 219, 0.08) 0%, transparent 50%),
      radial-gradient(circle at 60% 30%, rgba(155, 89, 182, 0.08) 0%, transparent 50%) !important;
  }
}

/* Additional floating elements using elementor sections */
.elementor-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: 
    radial-gradient(1px 1px at 15% 15%, rgba(255, 255, 255, 0.08), transparent),
    radial-gradient(2px 2px at 85% 25%, rgba(255, 255, 255, 0.06), transparent),
    radial-gradient(1px 1px at 45% 75%, rgba(255, 255, 255, 0.1), transparent) !important;
  background-size: 400px 400px, 300px 300px, 500px 500px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  animation: sectionParticles 30s linear infinite !important;
}

/* Section particles animation */
@keyframes sectionParticles {
  0% {
    transform: translateY(0) rotate(0deg) !important;
    opacity: 0.3 !important;
  }
  50% {
    opacity: 0.8 !important;
  }
  100% {
    transform: translateY(-50px) rotate(360deg) !important;
    opacity: 0.3 !important;
  }
}

/* Enhance the snowing effect */
html::before {
  content: '' !important;
  position: fixed !important;
  top: -100px !important;
  left: 0 !important;
  width: 100% !important;
  height: calc(100vh + 200px) !important;
  background-image: 
    radial-gradient(2px 2px at 20px 30px, #ffffff, transparent),
    radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.8), transparent),
    radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.4), transparent),
    radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.6), transparent) !important;
  background-repeat: repeat !important;
  background-size: 200px 200px !important;
  z-index: -3 !important;
  pointer-events: none !important;
  animation: snowFall 20s linear infinite !important;
  opacity: 0.15 !important;
}

/* Snowfall animation */
@keyframes snowFall {
  0% {
    transform: translateY(-200px) !important;
  }
  100% {
    transform: translateY(calc(100vh + 200px)) !important;
  }
}/* End custom CSS */