.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-903a3b1 *//* =========================================================
   FOOTER BACKGROUND
   ORANGE + GOLD + FLOWING WAVE
   วางใน Footer Container > Advanced > Custom CSS
========================================================= */

.elementor-69 .elementor-element.elementor-element-903a3b1 {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:

        /* แสงขาวบาง ๆ ซ้ายบน */
        radial-gradient(
            circle at 8% -20%,
            rgba(255, 255, 255, 0.20) 0%,
            transparent 38%
        ),

        /* แสงทองขวาล่าง */
        radial-gradient(
            circle at 92% 120%,
            rgba(255, 215, 80, 0.25) 0%,
            transparent 42%
        ),

        /* พื้นส้มสด */
        linear-gradient(
            115deg,
            #FF4300 0%,
            #FF5200 22%,
            #FF6800 45%,
            #FF7900 65%,
            #FF5B00 82%,
            #FF4300 100%
        ) !important;

    /* ขอบทองด้านบน */
    border-top:
        1px solid rgba(255, 220, 110, 0.95);

    box-shadow:
        0 -2px 12px rgba(255, 100, 0, 0.18),
        inset 0 1px 0 rgba(255, 245, 190, 0.25);
}


/* =========================================================
   เส้นโค้งพริ้ว
========================================================= */

.elementor-69 .elementor-element.elementor-element-903a3b1::before {
    content: "";

    position: absolute;

    width: 160%;
    height: 500%;

    left: -30%;
    top: -200%;

    pointer-events: none;
    z-index: -2;

    background:

        /* เส้นทองสว่าง */
        radial-gradient(
            ellipse at center,
            transparent 49%,
            rgba(255, 235, 165, 0.32) 49.2%,
            rgba(255, 235, 165, 0.32) 49.5%,
            transparent 49.8%
        ),

        /* เส้นขาว */
        radial-gradient(
            ellipse at center,
            transparent 56%,
            rgba(255, 255, 255, 0.20) 56.2%,
            rgba(255, 255, 255, 0.20) 56.5%,
            transparent 56.8%
        ),

        /* เส้นทอง */
        radial-gradient(
            ellipse at center,
            transparent 63%,
            rgba(255, 190, 35, 0.28) 63.2%,
            rgba(255, 190, 35, 0.28) 63.5%,
            transparent 63.8%
        ),

        /* เส้นขาวบาง */
        radial-gradient(
            ellipse at center,
            transparent 70%,
            rgba(255, 255, 255, 0.13) 70.2%,
            rgba(255, 255, 255, 0.13) 70.45%,
            transparent 70.7%
        );

    animation:
        footerWaveFlow 20s ease-in-out infinite alternate;
}


/* =========================================================
   แสงทองฟุ้ง
========================================================= */

.elementor-69 .elementor-element.elementor-element-903a3b1::after {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -260px;
    bottom: -340px;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 240, 165, 0.36) 0%,
            rgba(255, 190, 30, 0.16) 35%,
            transparent 70%
        );

    filter: blur(35px);

    animation:
        footerGoldGlow 15s ease-in-out infinite alternate;
}


/* =========================================================
   ทำให้ Widget ใน Footer อยู่เหนือพื้นหลัง
========================================================= */

.elementor-69 .elementor-element.elementor-element-903a3b1 > * {
    position: relative;
    z-index: 5;
}


/* =========================================================
   MOTION เส้นโค้ง
========================================================= */

@keyframes footerWaveFlow {

    0% {
        transform:
            translate3d(-30px, -5px, 0)
            rotate(-8deg)
            scale(1);
    }

    50% {
        transform:
            translate3d(30px, 8px, 0)
            rotate(-5deg)
            scale(1.03);
    }

    100% {
        transform:
            translate3d(70px, -5px, 0)
            rotate(-9deg)
            scale(1.06);
    }
}


/* =========================================================
   MOTION แสงทอง
========================================================= */

@keyframes footerGoldGlow {

    0% {
        transform:
            translate3d(0, 0, 0)
            scale(1);

        opacity: 0.55;
    }

    100% {
        transform:
            translate3d(-100px, -40px, 0)
            scale(1.18);

        opacity: 1;
    }
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 1024px) {

    .elementor-69 .elementor-element.elementor-element-903a3b1::before {
        width: 190%;
        left: -45%;

        opacity: 0.78;

        animation-duration: 26s;
    }

    .elementor-69 .elementor-element.elementor-element-903a3b1::after {
        width: 430px;
        height: 430px;

        right: -210px;
        bottom: -240px;
    }
}


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

@media (max-width: 767px) {

    .elementor-69 .elementor-element.elementor-element-903a3b1 {
        background:

            radial-gradient(
                circle at 10% -10%,
                rgba(255,255,255,0.18),
                transparent 38%
            ),

            linear-gradient(
                120deg,
                #FF4300 0%,
                #FF6500 50%,
                #FF7800 72%,
                #FF4A00 100%
            ) !important;
    }

    .elementor-69 .elementor-element.elementor-element-903a3b1::before {
        width: 220%;
        left: -60%;
        opacity: 0.65;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .elementor-69 .elementor-element.elementor-element-903a3b1::before,
    .elementor-69 .elementor-element.elementor-element-903a3b1::after {
        animation: none !important;
    }
}/* End custom CSS */