.elementor-78993 .elementor-element.elementor-element-5a288e3{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-25px;margin-bottom:-24px;padding:0% 0% 0% 0%;}.elementor-78993 .elementor-element.elementor-element-5a288e3 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(360deg, #804B8000 56%, #000000ED 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-78993 .elementor-element.elementor-element-5e7043e > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-78993 .elementor-element.elementor-element-5e7043e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-78993 .elementor-element.elementor-element-5e7043e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-78993 .elementor-element.elementor-element-02baf40 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-78993 .elementor-element.elementor-element-02baf40{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-78993 .elementor-element.elementor-element-c7036b3.elementor-column:not(.raven-column-flex-vertical) .elementor-widget-wrap{align-items:center;}.elementor-78993 .elementor-element.elementor-element-c7036b3.elementor-column.elementor-element[data-element_type="column"]:not(.raven-column-flex-vertical) > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-78993 .elementor-element.elementor-element-c7036b3.elementor-column.elementor-element[data-element_type="column"].raven-column-flex-vertical > .elementor-widget-wrap.elementor-element-populated{justify-content:center;}.elementor-78993 .elementor-element.elementor-element-c7036b3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 0% 11% 0%;}.elementor-78993 .elementor-element.elementor-element-c7036b3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-78993 .elementor-element.elementor-element-c7036b3{z-index:0;}.elementor-78993 .elementor-element.elementor-element-efaeabd > .elementor-widget-container{margin:0px 0px -50px 50px;}.elementor-78993 .elementor-element.elementor-element-efaeabd{width:var( --container-widget-width, 62.183% );max-width:62.183%;--container-widget-width:62.183%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-71fc430{text-align:left;font-family:"Roboto Slab", Sans-serif;font-weight:500;line-height:1.3em;color:#FFFFFF;width:var( --container-widget-width, 88.846% );max-width:88.846%;--container-widget-width:88.846%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-71fc430 > .elementor-widget-container{margin:18% 0% 70% 0%;padding:1% 6% 0% 5%;border-radius:5px 5px 5px 5px;}.elementor-78993 .elementor-element.elementor-element-b47308e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-b47308e{width:var( --container-widget-width, 96.475% );max-width:96.475%;--container-widget-width:96.475%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-dd06494 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-dd06494{z-index:3;}.elementor-bc-flex-widget .elementor-78993 .elementor-element.elementor-element-69ea70e.elementor-column:not(.raven-column-flex-vertical) .elementor-widget-wrap{align-items:flex-start;}.elementor-78993 .elementor-element.elementor-element-69ea70e.elementor-column.elementor-element[data-element_type="column"]:not(.raven-column-flex-vertical) > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-78993 .elementor-element.elementor-element-69ea70e.elementor-column.elementor-element[data-element_type="column"].raven-column-flex-vertical > .elementor-widget-wrap.elementor-element-populated{justify-content:flex-start;}.elementor-78993 .elementor-element.elementor-element-69ea70e > .elementor-element-populated{margin:0px 0px 0px 20px;--e-column-margin-right:0px;--e-column-margin-left:20px;}.elementor-78993 .elementor-element.elementor-element-69ea70e{z-index:2;}.elementor-78993 .elementor-element.elementor-element-8d2262e > .elementor-widget-container{margin:0px 0px -50px 50px;}.elementor-78993 .elementor-element.elementor-element-8d2262e{width:var( --container-widget-width, 62.183% );max-width:62.183%;--container-widget-width:62.183%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-598525d{text-align:left;font-family:"Roboto Slab", Sans-serif;font-weight:500;line-height:1.3em;color:#FFFFFF;width:var( --container-widget-width, 88.846% );max-width:88.846%;--container-widget-width:88.846%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-598525d > .elementor-widget-container{margin:0px 0px 30px 0px;padding:1% 6% 0% 5%;border-radius:5px 5px 5px 5px;}.elementor-78993 .elementor-element.elementor-element-6a93f42 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-6a93f42{width:var( --container-widget-width, 76.623% );max-width:76.623%;--container-widget-width:76.623%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-95f0834 > .elementor-widget-container{margin:500px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-95f0834{z-index:-1;}.elementor-78993 .elementor-element.elementor-element-32dc1b3{margin-top:20px;margin-bottom:0px;}@media(max-width:1024px){.elementor-78993 .elementor-element.elementor-element-5a288e3 > .elementor-background-overlay{opacity:0.54;}.elementor-78993 .elementor-element.elementor-element-5a288e3{margin-top:-19px;margin-bottom:0px;}.elementor-78993 .elementor-element.elementor-element-5e7043e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-02baf40{padding:13px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-c7036b3 > .elementor-element-populated{padding:0% 0% 5% 0%;}.elementor-78993 .elementor-element.elementor-element-71fc430{font-size:31px;line-height:1.3em;width:var( --container-widget-width, 376.5px );max-width:376.5px;--container-widget-width:376.5px;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-71fc430 > .elementor-widget-container{margin:0px 1px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-69ea70e > .elementor-element-populated{margin:70px 30px 0px 20px;--e-column-margin-right:30px;--e-column-margin-left:20px;padding:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-598525d{font-size:31px;line-height:1.3em;width:var( --container-widget-width, 376.5px );max-width:376.5px;--container-widget-width:376.5px;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-598525d > .elementor-widget-container{margin:0px 1px 0px 0px;}}@media(max-width:767px){.elementor-78993 .elementor-element.elementor-element-5a288e3{margin-top:-25px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-02baf40{margin-top:13px;margin-bottom:0px;padding:30% 0% 0% 0%;}.elementor-78993 .elementor-element.elementor-element-efaeabd > .elementor-widget-container{margin:-30px 0px 30px 30px;}.elementor-78993 .elementor-element.elementor-element-71fc430 > .elementor-widget-container{margin:-30px 0px 20px 0px;}.elementor-78993 .elementor-element.elementor-element-2483b94 img{width:100%;}.elementor-78993 .elementor-element.elementor-element-2483b94 > .elementor-widget-container{margin:0px -20px 0px -20px;}.elementor-78993 .elementor-element.elementor-element-b47308e > .elementor-widget-container{margin:20px 10px 05px 20px;padding:0px 0px 0px 20px;}.elementor-78993 .elementor-element.elementor-element-b47308e{width:var( --container-widget-width, 96.739% );max-width:96.739%;--container-widget-width:96.739%;--container-widget-flex-grow:0;}.elementor-78993 .elementor-element.elementor-element-69ea70e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-78993 .elementor-element.elementor-element-6a93f42 > .elementor-widget-container{margin:20px 10px 05px 20px;padding:0px 0px 0px 20px;}.elementor-78993 .elementor-element.elementor-element-6a93f42{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-78993 .elementor-element.elementor-element-c7036b3{width:40.357%;}.elementor-78993 .elementor-element.elementor-element-69ea70e{width:59.643%;}}@media(max-width:1024px) and (min-width:768px){.elementor-78993 .elementor-element.elementor-element-c7036b3{width:50%;}.elementor-78993 .elementor-element.elementor-element-69ea70e{width:50%;}}/* Start custom CSS for Give Totals, class: .elementor-element-b47308e *//* === PROGRESS BAR CONTAINER === */
.give-progress-bar {
  position: relative;
  background: rgba(255, 255, 255, 0.15) !important;
  height: 38px !important;
  border-radius: 60px !important;
  overflow: hidden;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3);
  margin: 20px 0;
}

/* === PROGRESS FILL === */
.give-progress-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #F7D046 0%, #DAA000 40%, #B58800 100%) !important;
  border-radius: 60px;
  transition: width 1s ease-out, background 0.4s ease-in;
  box-shadow: 0 0 14px rgba(218, 160, 0, 0.6);
  animation: glowPulse 4s ease-in-out infinite;
}

/* === TOTALS / LABEL TEXT === */
.give-totals-shortcode-wrap {
  font-family: "Roboto Flex", "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 12px;
  letter-spacing: 0.4px;
}

/* === PERCENTAGE & GOAL === */
.raised {
  position: relative;
  font-size: 0;
}

.raised .give-percentage {
  font-size: 24px;
  color: #F7D046;
  font-weight: 700;
}

.raised::after {
  content: " of our goal";
  position: relative;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-left: 10px;
  font-weight: 400;
  letter-spacing: 0.25px;
  opacity: 0.9;
}

/* === Glow animation === */
@keyframes glowPulse {
  0% { box-shadow: 0 0 10px rgba(218,160,0,0.6); }
  50% { box-shadow: 0 0 22px rgba(218,160,0,0.9); }
  100% { box-shadow: 0 0 10px rgba(218,160,0,0.6); }
}

/* === Responsive tweak === */
@media (max-width: 600px) {
  .give-progress-bar { height: 32px !important; }
  .give-totals-shortcode-wrap { font-size: 18px; }
  .raised .give-percentage { font-size: 22px; }
}/* End custom CSS */
/* Start custom CSS for Give Totals, class: .elementor-element-6a93f42 *//* === PROGRESS BAR CONTAINER === */
.give-progress-bar {
  position: relative;
  background: rgba(255, 255, 255, 0.15) !important;
  height: 38px !important;
  border-radius: 60px !important;
  overflow: hidden;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3);
  margin: 20px 0;
}

/* === PROGRESS FILL === */
.give-progress-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #F7D046 0%, #DAA000 40%, #B58800 100%) !important;
  border-radius: 60px;
  transition: width 1s ease-out, background 0.4s ease-in;
  box-shadow: 0 0 14px rgba(218, 160, 0, 0.6);
  animation: glowPulse 4s ease-in-out infinite;
  position: relative;
  z-index: 1; /* ensure fill stays behind text */
}

/* === TOTALS / LABEL TEXT === */
.give-totals-shortcode-wrap {
  font-family: "Roboto Flex", "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: left !important;
  margin-bottom: 12px;
  margin-left: 10px;
  padding-top: -10px;
  letter-spacing: 0.4px;
  position: relative;
  z-index: 10;
}

.raised {
  text-align: center !important;
  position: relative;
  font-size: 0;
  z-index: 5; /* always above progress fill */
  pointer-events: none; /* ensures text does not interfere with interaction */
}

/* === PERCENTAGE & GOAL === */
.raised .give-percentage {
  font-size: 24px;
  color: #ffffff; /* changed to white */
  font-weight: 700;
  display: inline-block;
  position: relative;
  z-index: 5;
}

.raised::after {
  content: " of our goal";
  position: relative;
  font-size: 18px;
  color: #ffffff;
  margin-left: 10px;
  font-weight: 400;
  letter-spacing: 0.25px;
  opacity: 0.9;
  z-index: 5;
}

/* === Glow animation === */
@keyframes glowPulse {
  0% { box-shadow: 0 0 10px rgba(218,160,0,0.6); }
  50% { box-shadow: 0 0 22px rgba(218,160,0,0.9); }
  100% { box-shadow: 0 0 10px rgba(218,160,0,0.6); }
}

/* === Responsive tweak === */
@media (max-width: 600px) {
  .give-progress-bar { height: 32px !important; }
  .give-totals-shortcode-wrap { font-size: 18px; }
  .raised .give-percentage { font-size: 22px; }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-69ea70e *//* === COLUMN SETUP WITH SNOW + LAYER CONTROL === */
.elementor-78993 .elementor-element.elementor-element-69ea70e {
  position: relative;
  overflow: visible !important;
  z-index: 2;
}

/* --- Animated Snow --- */
.elementor-78993 .elementor-element.elementor-element-69ea70e::before,
.elementor-78993 .elementor-element.elementor-element-69ea70e::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: repeat;
  z-index: 0 !important; /* Snow stays behind everything */
}

/* Foreground flakes */
.elementor-78993 .elementor-element.elementor-element-69ea70e::before {
  background-image:
    radial-gradient(2px 2px at 20px 20px, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(2px 2px at 80px 60px, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(3px 3px at 140px 10px, rgba(255,255,255,.85) 50%, transparent 51%),
    radial-gradient(2px 2px at 200px 90px, rgba(255,255,255,.9) 50%, transparent 51%);
  background-size: 260px 200px;
  animation: snow1 10s linear infinite;
  opacity:.9;
}

/* Background slower blurred layer */
.elementor-78993 .elementor-element.elementor-element-69ea70e::after {
  background-image:
    radial-gradient(3px 3px at 50px 30px, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(2px 2px at 120px 100px, rgba(255,255,255,.7) 50%, transparent 51%),
    radial-gradient(3px 3px at 180px 50px, rgba(255,255,255,.6) 50%, transparent 51%);
  background-size: 320px 250px;
  animation: snow2 18s linear infinite;
  filter: blur(1px);
  opacity:.7;
}

/* --- KEYFRAMES --- */
@keyframes snow1 { from {background-position:0 -200px;} to {background-position:0 400px;} }
@keyframes snow2 { from {background-position:0 -300px;} to {background-position:0 600px;} }

/* Normal widget content above polaroids */
.elementor-78993 .elementor-element.elementor-element-69ea70e > * {
  position: relative;
  z-index: 3 !important; /* text + progress bar top layer */
}

/* Polaroids in between content & snow */
.polaroid {
  position: absolute;
  z-index: 1 !important;  /* behind content */
}

/* Raise progress bar (adjust -50px as needed) */
.give-progress-bar {
  position: relative;
  margin-top: -50px !important;
  z-index: 4 !important;  /* ensure above polaroids */
}

/* Hide snow animations on mobile */
@media (max-width: 768px) {
  .elementor-78993 .elementor-element.elementor-element-69ea70e::before,
  .elementor-78993 .elementor-element.elementor-element-69ea70e::after {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5a288e3 *//* === STARFIELD BACKGROUND (NO SHOOTING STARS) === */
.elementor-78993 .elementor-element.elementor-element-5a288e3 {
  position: relative !important;
  background: linear-gradient(to bottom, #0b0b2b, #1b2735 70%, #090a0f);
  overflow: hidden;
  z-index: 0;
}

/* --- Primary stars --- */
.elementor-78993 .elementor-element.elementor-element-5a288e3::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 1px;
  height: 1px;
  background: white;
  box-shadow:
    2vw 5vh 2px white, 10vw 8vh 2px white, 15vw 15vh 1px white,
    22vw 22vh 1px white, 28vw 12vh 2px white, 32vw 32vh 1px white,
    38vw 18vh 2px white, 42vw 35vh 1px white, 48vw 25vh 2px white,
    53vw 42vh 1px white, 58vw 15vh 2px white, 63vw 38vh 1px white,
    68vw 28vh 2px white, 73vw 45vh 1px white, 78vw 32vh 2px white,
    83vw 48vh 1px white, 88vw 20vh 2px white, 93vw 52vh 1px white,
    98vw 35vh 2px white, 5vw 60vh 1px white, 12vw 65vh 2px white,
    18vw 72vh 1px white, 25vw 78vh 2px white, 30vw 85vh 1px white,
    35vw 68vh 2px white, 40vw 82vh 1px white, 45vw 92vh 2px white,
    50vw 75vh 1px white, 55vw 88vh 2px white, 60vw 95vh 1px white,
    65vw 72vh 2px white, 70vw 85vh 1px white, 75vw 78vh 2px white,
    80vw 92vh 1px white, 85vw 82vh 2px white, 90vw 88vh 1px white,
    95vw 75vh 2px white;
  animation: twinkle 8s infinite linear;
  opacity: 0.9;
  z-index: 0;
}

/* --- Secondary stars for depth --- */
.elementor-78993 .elementor-element.elementor-element-5a288e3::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 1px;
  height: 1px;
  background: white;
  box-shadow:
    8vw 12vh 2px white, 16vw 18vh 1px white, 24vw 25vh 2px white,
    33vw 15vh 1px white, 41vw 28vh 2px white, 49vw 35vh 1px white,
    57vw 22vh 2px white, 65vw 42vh 1px white, 73vw 28vh 2px white,
    81vw 48vh 1px white, 89vw 32vh 2px white, 97vw 45vh 1px white,
    3vw 68vh 2px white, 11vw 75vh 1px white, 19vw 82vh 1px white,
    27vw 88vh 1px white, 35vw 72vh 1px white, 43vw 85vh 1px white,
    51vw 92vh 1px white, 59vw 78vh 1px white;
  animation: twinkle 6s infinite linear reverse;
  opacity: 0.8;
  z-index: 0;
}

/* --- Twinkle animation --- */
@keyframes twinkle {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 0.4; }
}

/* === POLAROIDS (manual positioning) === */
.stars-bg .polaroid {
  position: absolute;
  background: #fff;
  width: 180px;
  height: 210px;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.6);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 5;
}
.stars-bg .polaroid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.stars-bg .polaroid:hover {
  transform: scale(1.05) rotate(0deg);
  box-shadow: 0 14px 30px rgba(0,0,0,0.7);
}

/* --- Responsive: hide on small screens --- */
@media (max-width:768px){
  .stars-bg .polaroid{display:none;}
}

/* === POLAROID OVERLAP & DEPTH EFFECT === */
.stars-bg .polaroid {
  width: 170px;
  height: 200px;
  padding: 8px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 3;
}

/* create overlapping layers — deeper images appear slightly behind */
.stars-bg .polaroid:nth-child(1) { z-index: 10; }
.stars-bg .polaroid:nth-child(2) { z-index: 9; }
.stars-bg .polaroid:nth-child(3) { z-index: 8; }
.stars-bg .polaroid:nth-child(4) { z-index: 7; }
.stars-bg .polaroid:nth-child(5) { z-index: 6; }
.stars-bg .polaroid:nth-child(6) { z-index: 5; }
.stars-bg .polaroid:nth-child(7) { z-index: 4; }
.stars-bg .polaroid:nth-child(8) { z-index: 3; }

/* subtle lift on hover */
.stars-bg .polaroid:hover {
  transform: scale(1.05) rotate(0deg);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.6);
  z-index: 20;
}

/* Ensure the section can host overlay layers */
.elementor-78993 .elementor-element.elementor-element-5a288e3 {
  position: relative !important;
  overflow: hidden; /* keep flakes inside this section */
}

/* Desktop untouched */
.donation-mobile { position: relative; }

@media (max-width: 768px) {
  /* Keep your mobile order */
  .donation-mobile .elementor-container,
  .donation-mobile .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-areas:
      "text"
      "form"
      "progress"
      "polaroids";
    row-gap: 20px;
  }

  .donation-mobile .m-text      { grid-area: text !important; }
  .donation-mobile .m-form      { grid-area: form !important; }
  .donation-mobile .m-progress  { grid-area: progress !important; }
  .donation-mobile .m-polaroids { grid-area: polaroids !important; }

  /* === Fixed polaroid stacking === */
  .donation-mobile .m-polaroids {
    position: relative !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    row-gap: 20px;
    min-height: 400px; /* ensures container height */
    padding-bottom: 40px;
  }

  /* Each polaroid visible and layered */
  .donation-mobile .m-polaroids .polaroid {
    position: relative !important;
    width: 120px;
    height: 140px;
    margin: 10px;
    transform: rotate(var(--r, 0deg));
    transition: transform 0.3s ease, z-index 0.3s ease;
    z-index: 1;
  }

  /* Give each one a slight unique rotation for stacked effect */
  .donation-mobile .m-polaroids .polaroid:nth-child(1) { --r: -6deg; }
  .donation-mobile .m-polaroids .polaroid:nth-child(2) { --r: 4deg; }
  .donation-mobile .m-polaroids .polaroid:nth-child(3) { --r: -3deg; }
  .donation-mobile .m-polaroids .polaroid:nth-child(4) { --r: 5deg; }
  .donation-mobile .m-polaroids .polaroid:nth-child(5) { --r: -5deg; }
  .donation-mobile .m-polaroids .polaroid:nth-child(6) { --r: 2deg; }

  /* Hover zoom (optional) */
  .donation-mobile .m-polaroids .polaroid:hover {
    transform: scale(1.08) rotate(0deg);
    z-index: 5;
  }

  /* Hide snow on mobile */
  .donation-mobile::before,
  .donation-mobile::after,
  .donation-mobile .snow,
  .donation-mobile .local-snow,
  .global-snow {
    display: none !important;
  }
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS *//* ===== Snow confined to one column ===== */
.snow-column {
  position: relative; /* allows absolute positioning inside */
  overflow: hidden;   /* keeps flakes inside column bounds */
}

.snow-column .local-snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5; /* above background, below text */
}

/* Snowflake visuals */
.snow-column .local-snow span {
  position: absolute;
  top: -10px;
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  animation: local-fall linear infinite;
  filter: blur(1px);
}

/* Different speeds and sizes */
.snow-column .local-snow span:nth-child(odd) {
  animation-duration: 10s;
  width: 4px;
  height: 4px;
  opacity: 0.8;
}

.snow-column .local-snow span:nth-child(even) {
  animation-duration: 12s;
  width: 8px;
  height: 8px;
  opacity: 0.95;
}

.snow-column .local-snow span:nth-child(3n) {
  filter: blur(2px);
  animation-duration: 14s;
}

/* Falling + drifting motion */
@keyframes local-fall {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateY(110%) translateX(var(--drift, 20px));
    opacity: 0.2;
  }
}/* End custom CSS */