/* 12 ANIMATED CIRCLES - TOP SCREEN VISIBLE */
.circles-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 50vh; /* Top half only */
  z-index: -1;
  pointer-events: none;
}

.circle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.6;
  animation: float infinite ease-in-out;
}

/* 12 varying sizes - ALL top 0-45vh */
.c1 { width: 500px; height: 500px; background: #f6faf9; left: 2%; top: 5%; animation-duration: 160s; }
.c2 { width: 320px; height: 320px; background: #fef9ea; left: 88%; top: 12%; animation-duration: 220s; animation-delay: -40s; }
.c3 { width: 680px; height: 680px; background: #e6efee; left: 65%; top: 2%; animation-duration: 190s; animation-delay: -80s; }
.c4 { width: 410px; height: 410px; background: #fdf7e3; left: 78%; top: 22%; animation-duration: 260s; animation-delay: -120s; }
.c5 { width: 780px; height: 780px; background: #fdf4d5; left: 8%; top: 18%; animation-duration: 210s; animation-delay: -60s; }
.c6 { width: 450px; height: 450px; background: #f6faf9; left: 38%; top: 8%; animation-duration: 175s; animation-delay: -20s; }
.c7 { width: 580px; height: 580px; background: #fef9ea; left: 22%; top: 32%; animation-duration: 240s; animation-delay: -100s; }
.c8 { width: 360px; height: 360px; background: #e6efee; left: 55%; top: 28%; animation-duration: 200s; animation-delay: -140s; }
.c9 { width: 480px; height: 480px; background: #f5faf2; left: 45%; top: 15%; animation-duration: 185s; animation-delay: -160s; }
.c10 { width: 280px; height: 280px; background: #fdf7e3; left: 15%; top: 38%; animation-duration: 195s; animation-delay: -30s; }
.c11 { width: 620px; height: 620px; background: #e6efee; left: 72%; top: 35%; animation-duration: 230s; animation-delay: -90s; }
.c12 { width: 390px; height: 390px; background: #f6faf9; left: 30%; top: 42%; animation-duration: 205s; animation-delay: -110s; }

@keyframes float {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  20% { transform: translateX(45vw) translateY(-8vh) rotate(72deg); }
  40% { transform: translateX(18vw) translateY(22vh) rotate(144deg); }
  60% { transform: translateX(-35vw) translateY(0vh) rotate(216deg); }
  80% { transform: translateX(55vw) translateY(28vh) rotate(288deg); }
  100% { transform: translateX(0) translateY(0) rotate(360deg); }
}





.trustee figure img, .senior figure img {
    border: 20px solid #95c6bc !important;
}


.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle .wp-block-ollie-mega-menu__toggle-icon svg {
stroke:#86bc55 !important;
}