.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-44 .elementor-element.elementor-element-bab921d{width:var( --container-widget-width, 59.474% );max-width:59.474%;--e-transform-translateX:80px;--container-widget-width:59.474%;--container-widget-flex-grow:0;}.elementor-bc-flex-widget .elementor-44 .elementor-element.elementor-element-56b44f6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-44 .elementor-element.elementor-element-56b44f6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-44 .elementor-element.elementor-element-56b44f6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-44 .elementor-element.elementor-element-53fcdfc .elementor-button{background-color:#61CE7000;border-style:solid;border-radius:29px 29px 29px 29px;}.elementor-44 .elementor-element.elementor-element-53fcdfc{width:var( --container-widget-width, 42.842% );max-width:42.842%;--container-widget-width:42.842%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-a26d641 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;border-style:solid;border-color:#FFFFFF;border-radius:29px 29px 29px 29px;}.elementor-44 .elementor-element.elementor-element-a26d641{width:var( --container-widget-width, 51.931% );max-width:51.931%;--container-widget-width:51.931%;--container-widget-flex-grow:0;}.elementor-bc-flex-widget .elementor-44 .elementor-element.elementor-element-7546856.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-44 .elementor-element.elementor-element-7546856.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-44 .elementor-element.elementor-element-7546856.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-44 .elementor-element.elementor-element-81e2d63 .elementor-button{background-color:#61CE7000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-style:solid;border-radius:29px 29px 29px 29px;}.elementor-44 .elementor-element.elementor-element-81e2d63{width:var( --container-widget-width, 42.842% );max-width:42.842%;--container-widget-width:42.842%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-81e2d63 .elementor-button-content-wrapper{flex-direction:row;}.elementor-44 .elementor-element.elementor-element-dbe2a7e .elementor-button{background-color:#FFFFFF;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#000000;color:#000000;border-style:solid;border-color:#FFFFFF;border-radius:29px 29px 29px 29px;}.elementor-44 .elementor-element.elementor-element-dbe2a7e{width:var( --container-widget-width, 42.842% );max-width:42.842%;--container-widget-width:42.842%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-dbe2a7e .elementor-button-content-wrapper{flex-direction:row;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-bc-flex-widget .elementor-44 .elementor-element.elementor-element-7c7b04f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-44 .elementor-element.elementor-element-7c7b04f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-44 .elementor-element.elementor-element-7c7b04f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-44 .elementor-element.elementor-element-81e2d63 .elementor-button{border-width:2px 2px 2px 2px;padding:8px 8px 8px 8px;}.elementor-44 .elementor-element.elementor-element-dbe2a7e{width:var( --container-widget-width, 133.8px );max-width:133.8px;--e-transform-translateX:6px;--e-transform-translateY:0px;--container-widget-width:133.8px;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-dbe2a7e .elementor-button{border-width:2px 2px 2px 2px;padding:8px 8px 8px 8px;}}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-c41796a{width:28.537%;}.elementor-44 .elementor-element.elementor-element-38f7cbc{width:51.475%;}.elementor-44 .elementor-element.elementor-element-56b44f6{width:19.266%;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-bab921d *//* =========================================================
   SITE LOGO — LIGHT SWEEP
   ไม่มีกรอบ / ไม่มีพื้นหลัง
   แสงขาว + ทอง + ส้ม วิ่งผ่านโลโก้
========================================================= */

.elementor-44 .elementor-element.elementor-element-bab921d {
    position: relative;
    display: inline-block;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    overflow: visible;

    transition:
        transform 0.35s ease;
}


/* =========================================================
   ตัว LOGO
========================================================= */

.elementor-44 .elementor-element.elementor-element-bab921d img {
    position: relative;
    z-index: 2;

    display: block;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    filter:
        brightness(1.05)
        drop-shadow(0 2px 4px rgba(160, 65, 0, 0.18));

    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}


/* =========================================================
   Container สำหรับแสง
========================================================= */

.elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container {
    position: relative;

    overflow: hidden;

    background: transparent !important;
    border: none !important;

    /* ใช้ทรงตาม Logo */
    border-radius: 6px;
}


/* =========================================================
   LIGHT SWEEP
   ลำแสงวิ่งเฉียงผ่าน Logo
========================================================= */

.elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container::before {
    content: "";

    position: absolute;

    top: -80%;
    left: -60%;

    width: 25%;
    height: 260%;

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

    background:
        linear-gradient(
            90deg,

            transparent 0%,

            rgba(255, 255, 255, 0.05) 15%,

            rgba(255, 215, 100, 0.30) 32%,

            rgba(255, 255, 255, 0.85) 48%,

            rgba(255, 225, 130, 0.42) 62%,

            rgba(255, 120, 0, 0.12) 78%,

            transparent 100%
        );

    filter: blur(3px);

    transform:
        rotate(18deg)
        skewX(-8deg);

    animation:
        logoLightSweep 5.5s ease-in-out infinite;
}


/* =========================================================
   แสงเส้นกลางที่คมกว่า
========================================================= */

.elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -50%;

    width: 5%;
    height: 240%;

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

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.95),
            rgba(255, 224, 130, 0.80),
            transparent
        );

    filter: blur(1px);

    transform:
        rotate(18deg);

    animation:
        logoLightCore 5.5s ease-in-out infinite;
}


/* =========================================================
   แสงกวาดผ่าน
========================================================= */

@keyframes logoLightSweep {

    0% {
        left: -65%;
        opacity: 0;
    }

    12% {
        opacity: 0;
    }

    20% {
        opacity: 0.85;
    }

    48% {
        opacity: 1;
    }

    72% {
        opacity: 0.75;
    }

    82% {
        left: 135%;
        opacity: 0;
    }

    100% {
        left: 135%;
        opacity: 0;
    }
}


/* =========================================================
   แกนแสง
========================================================= */

@keyframes logoLightCore {

    0% {
        left: -55%;
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    24% {
        opacity: 0.75;
    }

    55% {
        opacity: 1;
    }

    80% {
        left: 130%;
        opacity: 0;
    }

    100% {
        left: 130%;
        opacity: 0;
    }
}


/* =========================================================
   HOVER
========================================================= */

.elementor-44 .elementor-element.elementor-element-bab921d:hover {
    transform:
        translateY(-2px)
        scale(1.025);
}


.elementor-44 .elementor-element.elementor-element-bab921d:hover img {
    filter:
        brightness(1.10)
        drop-shadow(0 3px 6px rgba(255, 185, 30, 0.30));
}


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

@media (max-width: 767px) {

    .elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container::before {
        width: 22%;
        filter: blur(2px);

        animation-duration: 6.5s;
    }

    .elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container::after {
        animation-duration: 6.5s;
    }
}


/* =========================================================
   REDUCE MOTION
========================================================= */

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

    .elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container::before,
    .elementor-44 .elementor-element.elementor-element-bab921d .elementor-widget-container::after {
        animation: none !important;
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9b5f36b *//* =========================================================
   HEADER — FRESH ORANGE + GOLD
   เส้นโค้งพริ้วไหว / ส้มสด / ขอบทอง
========================================================= */

/* HEADER หลัก */
.elementor-44 .elementor-element.elementor-element-9b5f36b {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 15% -30%,
            rgba(255,255,255,0.18) 0%,
            transparent 42%
        ),

        radial-gradient(
            circle at 85% 130%,
            rgba(255,190,40,0.18) 0%,
            transparent 40%
        ),

        linear-gradient(
            115deg,
            #ff4d00 0%,
            #ff6200 30%,
            #ff7300 58%,
            #ff5900 100%
        ) !important;

    /* ขอบทองล่าง */
    border-bottom: 1px solid rgba(255, 202, 74, 0.95);

    box-shadow:
        0 3px 12px rgba(255, 100, 0, 0.16),
        0 1px 0 rgba(255, 221, 125, 0.35);

    z-index: 1;
}


/* =========================================================
   เส้นโค้งพริ้วชุดที่ 1
========================================================= */

.elementor-44 .elementor-element.elementor-element-9b5f36b::before {
    content: "";

    position: absolute;

    width: 140%;
    height: 500%;

    left: -20%;
    top: -200%;

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

    background:

        radial-gradient(
            ellipse at center,
            transparent 50%,
            rgba(255, 236, 185, 0.28) 50.3%,
            rgba(255, 236, 185, 0.28) 50.7%,
            transparent 51%
        ),

        radial-gradient(
            ellipse at center,
            transparent 57%,
            rgba(255, 197, 61, 0.25) 57.3%,
            rgba(255, 197, 61, 0.25) 57.65%,
            transparent 58%
        ),

        radial-gradient(
            ellipse at center,
            transparent 64%,
            rgba(255,255,255,0.16) 64.25%,
            rgba(255,255,255,0.16) 64.55%,
            transparent 64.9%
        );

    transform: rotate(-7deg);

    animation:
        headerWaveMove 16s ease-in-out infinite alternate;
}


/* =========================================================
   เส้นแสงทองชุดที่ 2
========================================================= */

.elementor-44 .elementor-element.elementor-element-9b5f36b::after {
    content: "";

    position: absolute;

    width: 90%;
    height: 350%;

    right: -35%;
    top: -130%;

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

    border-radius: 50%;

    border:
        1px solid rgba(255, 225, 140, 0.38);

    box-shadow:

        0 0 0 18px
        rgba(255, 195, 55, 0.045),

        0 0 0 38px
        rgba(255, 235, 180, 0.035),

        0 0 0 62px
        rgba(255, 190, 30, 0.025);

    transform: rotate(15deg);

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


/* =========================================================
   MOTION — เส้นหลัก
========================================================= */

@keyframes headerWaveMove {

    0% {
        transform:
            translate3d(-15px, -4px, 0)
            rotate(-7deg)
            scale(1);
    }

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

    100% {
        transform:
            translate3d(50px, -3px, 0)
            rotate(-8deg)
            scale(1.05);
    }
}


/* =========================================================
   MOTION — เส้นทอง
========================================================= */

@keyframes headerGoldWave {

    0% {
        transform:
            translate3d(0, 0, 0)
            rotate(15deg)
            scale(1);
    }

    50% {
        transform:
            translate3d(-35px, 4px, 0)
            rotate(12deg)
            scale(1.04);
    }

    100% {
        transform:
            translate3d(-60px, -4px, 0)
            rotate(17deg)
            scale(1.07);
    }
}


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

@media (max-width: 1024px) {

    .elementor-44 .elementor-element.elementor-element-9b5f36b {
        background:
            linear-gradient(
                115deg,
                #ff4d00 0%,
                #ff6a00 55%,
                #ff5700 100%
            ) !important;

        border-bottom:
            1px solid rgba(255, 207, 90, 0.9);
    }


    .elementor-44 .elementor-element.elementor-element-9b5f36b::before {
        width: 180%;
        left: -40%;

        opacity: 0.75;

        animation-duration: 21s;
    }


    .elementor-44 .elementor-element.elementor-element-9b5f36b::after {
        opacity: 0.7;

        animation-duration: 25s;
    }
}


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

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

    .elementor-44 .elementor-element.elementor-element-9b5f36b::before,
    .elementor-44 .elementor-element.elementor-element-9b5f36b::after {
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-bf17f1a *//* =========================================================
   HEADER — FRESH ORANGE + GOLD
   เส้นโค้งพริ้วไหว / ส้มสด / ขอบทอง
========================================================= */

/* HEADER หลัก */
.elementor-44 .elementor-element.elementor-element-bf17f1a {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 15% -30%,
            rgba(255,255,255,0.18) 0%,
            transparent 42%
        ),

        radial-gradient(
            circle at 85% 130%,
            rgba(255,190,40,0.18) 0%,
            transparent 40%
        ),

        linear-gradient(
            115deg,
            #ff4d00 0%,
            #ff6200 30%,
            #ff7300 58%,
            #ff5900 100%
        ) !important;

    /* ขอบทองล่าง */
    border-bottom: 1px solid rgba(255, 202, 74, 0.95);

    box-shadow:
        0 3px 12px rgba(255, 100, 0, 0.16),
        0 1px 0 rgba(255, 221, 125, 0.35);

    z-index: 1;
}


/* =========================================================
   เส้นโค้งพริ้วชุดที่ 1
========================================================= */

.elementor-44 .elementor-element.elementor-element-bf17f1a::before {
    content: "";

    position: absolute;

    width: 140%;
    height: 500%;

    left: -20%;
    top: -200%;

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

    background:

        radial-gradient(
            ellipse at center,
            transparent 50%,
            rgba(255, 236, 185, 0.28) 50.3%,
            rgba(255, 236, 185, 0.28) 50.7%,
            transparent 51%
        ),

        radial-gradient(
            ellipse at center,
            transparent 57%,
            rgba(255, 197, 61, 0.25) 57.3%,
            rgba(255, 197, 61, 0.25) 57.65%,
            transparent 58%
        ),

        radial-gradient(
            ellipse at center,
            transparent 64%,
            rgba(255,255,255,0.16) 64.25%,
            rgba(255,255,255,0.16) 64.55%,
            transparent 64.9%
        );

    transform: rotate(-7deg);

    animation:
        headerWaveMove 16s ease-in-out infinite alternate;
}


/* =========================================================
   เส้นแสงทองชุดที่ 2
========================================================= */

.elementor-44 .elementor-element.elementor-element-bf17f1a::after {
    content: "";

    position: absolute;

    width: 90%;
    height: 350%;

    right: -35%;
    top: -130%;

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

    border-radius: 50%;

    border:
        1px solid rgba(255, 225, 140, 0.38);

    box-shadow:

        0 0 0 18px
        rgba(255, 195, 55, 0.045),

        0 0 0 38px
        rgba(255, 235, 180, 0.035),

        0 0 0 62px
        rgba(255, 190, 30, 0.025);

    transform: rotate(15deg);

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


/* =========================================================
   MOTION — เส้นหลัก
========================================================= */

@keyframes headerWaveMove {

    0% {
        transform:
            translate3d(-15px, -4px, 0)
            rotate(-7deg)
            scale(1);
    }

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

    100% {
        transform:
            translate3d(50px, -3px, 0)
            rotate(-8deg)
            scale(1.05);
    }
}


/* =========================================================
   MOTION — เส้นทอง
========================================================= */

@keyframes headerGoldWave {

    0% {
        transform:
            translate3d(0, 0, 0)
            rotate(15deg)
            scale(1);
    }

    50% {
        transform:
            translate3d(-35px, 4px, 0)
            rotate(12deg)
            scale(1.04);
    }

    100% {
        transform:
            translate3d(-60px, -4px, 0)
            rotate(17deg)
            scale(1.07);
    }
}


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

@media (max-width: 1024px) {

    .elementor-44 .elementor-element.elementor-element-bf17f1a {
        background:
            linear-gradient(
                115deg,
                #ff4d00 0%,
                #ff6a00 55%,
                #ff5700 100%
            ) !important;

        border-bottom:
            1px solid rgba(255, 207, 90, 0.9);
    }


    .elementor-44 .elementor-element.elementor-element-bf17f1a::before {
        width: 180%;
        left: -40%;

        opacity: 0.75;

        animation-duration: 21s;
    }


    .elementor-44 .elementor-element.elementor-element-bf17f1a::after {
        opacity: 0.7;

        animation-duration: 25s;
    }
}


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

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

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