.logo-svg__preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	will-change: opacity;
}
.logo-svg__preloader svg { 
	opacity: 0;
}
path.logo_check, 
path.clock_circle,
path.clock_time {
	fill: #fff;
	opacity: 0;
}
.hero_preloader {
	width: 150px;
	height: auto;
}
.hero_preloader {
	transform: translateX(-100%);
	opacity: 0;
}
@media (min-width: 1200px) {

	
    body:not(.turn-off-sparkle) {
        .animated-content > p,
        .animated-content > ul li,
        .animated-content > ol li,
        .animated-content > div:not(.reviews),
        .animated-content > h2,
        .animated-content > h3,
        .animated-content > h4,
        .animated-content > h5,
        .animated-content > h6,
        .animated-content > blockquote,
        .animated-content > article,
        .animated-content > img,
		.animated-content > span {
            opacity: 0;
            transform: translateY(50px);
            will-change: opacity, transform;
        }

/* Fallback: ensure animated elements stay visible even if JS/lazy scripts fail. */
.js-animated-content,
.js-animated-content * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Reset animation-only transforms (do NOT clobber layout transforms like translate(-50%, ...)). */
.js-animated-card,
.js-animated-card-item,
.js-animated-media-text,
.js-animated-media-text-item,
.js-animated-image,
.js-animated-image-element,
.js-slide-up-animation,
.js-slide-up-animation-item,
.js-animated-slider,
.js-animated-list-icons .list-icon {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

        .page-content {
            background: var(--white);
            position: relative;
            z-index: 10;
        }

        /* Disabled sticky footer - was causing content to scroll over footer */
        .page-footer {
            position: relative;
            bottom: auto;
        }

        .animated-slider .slick-slide,
        .animated-card .animated-card-item {
            transform: translateY(100px);
            opacity: 0;
            will-change: opacity, transform;
        }

        .animated-card .animated-card-item.is-animating {
            transition: none;
        }

        .animated-image,
        .animated-image-item {
            transform: translateY(100px);
            opacity: 0;
            will-change: opacity, transform;
        }

        .animated-image-element {
            opacity: 0;
            will-change: opacity, transform;
        }

        .animated-image-element--top {
            transform: translateY(-100px);
        }

        .animated-image-element--bottom {
            transform: translateY(80px);
        }
		.animated-image-floating {
			animation: float 2s ease-in-out infinite;
			display: inline-block;
			transform: translateY(0);
			will-change: transform;
		}
		 .animated-image-floating-slight-up {
			animation: float-slight-up 2s ease-in-out infinite;
			display: inline-block;
			transform: translateY(0);
			will-change: transform;
		  }
	
		  .animated-image-floating-zoom-in {
			animation: zoom-in 1s ease-in-out infinite;
			display: inline-block;
			transform: scale(1);
			will-change: transform;
		  }
		  .animated-pullouts-image > img {
			transform: translateX(100%);
			opacity: 0;
			will-change: opacity, transform;
		  }
		  .animated-image-header > img {
			transform: translateY(100px);
			opacity: 0;
			will-change: opacity, transform;
		  }
		  .yeah {
			animation: strokeColorAnim 2s infinite alternate;
			will-change: -webkit-text-stroke-color;
		  }

		  .animated-image-tiles > .half-image-half-accordian-image ,
		  .animated-image-tiles > .review__logo {
			scale: 0.5;
			transform: translateY(-10px);
			opacity: 0;
			will-change: opacity, transform, scale;
		  }
		  .js-animated-card .js-animated-card-item{
			position: relative;
			transform: translateY(50px);
			opacity: 0;
			will-change: opacity, transform;
		  }
		  .js-animated-media-text-item {
			
			transform: translateX(-100px);
			will-change: opacity, transform;
		  }
		  .js-animated-media-text-item:nth-child(even) {
			transform: translateX(100px);
		  }
		  .js-slide-up-animation-item {
			opacity: 0;
			transform: translateY(200px);
			will-change: opacity, transform;
		  }
		  .js-slide-left-animation .slide-left-animation-item{
			opacity: 0;
			transform: translateX(-100%);
			will-change: opacity, transform;
		  }
		  .floating-cta__since-year {
			opacity: 0;
			transform: translateY(100px);
			will-change: opacity, transform;
		  }
		  .slide-angle-animation-item {
			opacity: 0;
			transform: translate(-50%, 50%);
			will-change: opacity, transform;
		  }
		  .js-animated-list-icons .list-icon {
			opacity: 0;
			transform: translateX(100px);
			will-change: opacity, transform;
		  }
    }


	  @keyframes float-slight-up {
		0%   { transform: translateY(0); }
		50%  { transform: translateY(5px); }
		100% { transform: translateY(0); }
	  }
	  
	  @keyframes float {
		0%   { transform: translateY(0); }
		50%  { transform: translateY(-5px); }
		100% { transform: translateY(0); }
	  }
	  @keyframes zoom-in {
		0%   { transform: scale(1); }
		50%  { transform: scale(1.05); }
		100% { transform: scale(1); }
	  }
	  @keyframes strokeColorAnim {
		0% {
		  -webkit-text-stroke-color: rgba(212, 175, 55, 0.5);
		}
		50% {
		  -webkit-text-stroke-color: rgba(4, 36, 82, 0.5);
		}
		100% {
		  -webkit-text-stroke-color: rgba(212, 175, 55, 0.5);
		}
	  }
	  @keyframes shake {
		0%, 100% { transform: translate(0, 0); }
		25% { transform: translate(-1px, 2px); }
		50% { transform: translate(1px, -2px); }
		75% { transform: translate(-1px, -2px); }
	  }
	 

}