.elementor-1498 .elementor-element.elementor-element-9d6385e{padding:100px 0px 70px 0px;}.elementor-1498 .elementor-element.elementor-element-ff83e86{text-align:center;}/* Start custom CSS for section, class: .elementor-element-9d6385e *//* =========================================
   THANK YOU PAGE - ANIMATED BACKGROUND
   ========================================= */

.thank-you-bg {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #fffaf5;
}

/* Animated gradient background */
.thank-you-bg::before {
    content: "";
    position: absolute;
    inset: -50%;
    z-index: -2;

    background:
        radial-gradient(
            circle at 20% 30%,
            rgba(247, 133, 37, 0.20) 0%,
            transparent 35%
        ),
        radial-gradient(
            circle at 80% 20%,
            rgba(255, 190, 100, 0.18) 0%,
            transparent 35%
        ),
        radial-gradient(
            circle at 70% 80%,
            rgba(247, 133, 37, 0.14) 0%,
            transparent 40%
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(255, 210, 150, 0.16) 0%,
            transparent 40%
        );

    animation: thankYouGradientMove 14s ease-in-out infinite alternate;
    pointer-events: none;
}

/* Soft glowing orb */
.thank-you-bg::after {
    content: "";
    position: absolute;

    width: 350px;
    height: 350px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    background: rgba(247, 133, 37, 0.10);
    border-radius: 50%;

    filter: blur(80px);

    animation: thankYouGlow 8s ease-in-out infinite alternate;

    z-index: -1;
    pointer-events: none;
}


/* =========================================
   GRADIENT MOVEMENT
   ========================================= */

@keyframes thankYouGradientMove {

    0% {
        transform: translate3d(-5%, -4%, 0) rotate(0deg);
    }

    25% {
        transform: translate3d(4%, -2%, 0) rotate(3deg);
    }

    50% {
        transform: translate3d(2%, 5%, 0) rotate(-2deg);
    }

    75% {
        transform: translate3d(-4%, 3%, 0) rotate(2deg);
    }

    100% {
        transform: translate3d(5%, -3%, 0) rotate(0deg);
    }
}


/* =========================================
   CENTER GLOW ANIMATION
   ========================================= */

@keyframes thankYouGlow {

    0% {
        transform: translate(-50%, -50%) scale(0.75);
        opacity: 0.35;
    }

    50% {
        transform: translate(-45%, -55%) scale(1.15);
        opacity: 0.65;
    }

    100% {
        transform: translate(-55%, -45%) scale(0.90);
        opacity: 0.40;
    }
}


/* =========================================
   MOBILE OPTIMIZATION
   ========================================= */

@media (max-width: 767px) {

    .thank-you-bg::after {
        width: 220px;
        height: 220px;
        filter: blur(60px);
    }

    .thank-you-bg::before {
        animation-duration: 18s;
    }
}


/* =========================================
   ACCESSIBILITY
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .thank-you-bg::before,
    .thank-you-bg::after {
        animation: none;
    }
}/* End custom CSS */