.elementor-widget-image .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-2 .elementor-element.elementor-element-dba0765 img{width:100%;}.elementor-2 .elementor-element.elementor-element-3c13e28:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-3c13e28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F3137;}.elementor-2 .elementor-element.elementor-element-3c13e28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2 .elementor-element.elementor-element-3c13e28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-1ce7de8 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-288f37b img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-2807592 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-65e91d9 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-86049b6 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-282ff40 img{border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-532dfa8{text-align:center;}.elementor-2 .elementor-element.elementor-element-532dfa8 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-a4f8ac7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-c512d2c{text-align:center;}.elementor-2 .elementor-element.elementor-element-c512d2c .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-2504274{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-3f9d72e{text-align:center;}.elementor-2 .elementor-element.elementor-element-3f9d72e .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-5737128{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-3394954{--e-image-carousel-slides-to-show:3;}.elementor-2 .elementor-element.elementor-element-f4aa296{text-align:center;}.elementor-2 .elementor-element.elementor-element-f4aa296 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-655ee06{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-36e1ff5 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-ab0d836 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-7461453 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-04b1b88 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-526ee45 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-10d2fef img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-cece0f7 img{width:78%;}.elementor-2 .elementor-element.elementor-element-e94cdbe{text-align:center;}.elementor-2 .elementor-element.elementor-element-e94cdbe .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-3897a8a{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-53bdf5a{text-align:center;}.elementor-2 .elementor-element.elementor-element-53bdf5a .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-3c8b1c9{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-6ab7767{text-align:center;}.elementor-2 .elementor-element.elementor-element-6ab7767 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-b92f37d{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-3903774{text-align:center;}.elementor-2 .elementor-element.elementor-element-3903774 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-2b8474b{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-8b3a6fc{text-align:center;}.elementor-2 .elementor-element.elementor-element-8b3a6fc .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-002e0c7{text-align:start;font-family:"Mitr", Sans-serif;font-weight:400;color:#FFFFFF;}/* Start custom CSS for section, class: .elementor-element-07d23d7 *//* ==========================================
   GOATGAME88 GAME MENU
   GOLD BORDER + SHINE + RESPONSIVE
========================================== */


/* ==========================================
   SECTION หลัก
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7{
    width:100%;
    margin:0 auto;
    padding:8px 0;
    overflow:visible;
}


/* ==========================================
   จัดเรียง Columns
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;

    display:flex !important;
    flex-wrap:wrap !important;
    flex-direction:row !important;

    justify-content:center !important;
    align-items:stretch !important;

    gap:10px;
}


/* ==========================================
   DESKTOP : 6 รูป
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container > .elementor-column{

    width:calc((100% - 50px) / 6) !important;
    max-width:calc((100% - 50px) / 6) !important;

    flex:0 0 calc((100% - 50px) / 6) !important;

    padding:0 !important;
    margin:0 !important;
}


/* ล้าง Padding Elementor */
.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column-wrap,
.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-wrap{

    width:100% !important;

    padding:0 !important;
    margin:0 !important;
}


/* ==========================================
   IMAGE WIDGET
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image{

    width:100% !important;

    position:relative;
    z-index:1;

    padding:0 !important;
    margin:0 !important;

    transition:
        transform .35s ease,
        filter .35s ease;
}


/* ==========================================
   กรอบทองแต่ละรูป
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image .elementor-widget-container{

    position:relative;

    width:100%;

    padding:3px !important;

    overflow:hidden;

    border:2px solid #d6a728 !important;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #fff1a6 0%,
            #b97800 18%,
            #ffd75b 38%,
            #fff6bd 50%,
            #e4a31b 65%,
            #8d5500 82%,
            #ffd96c 100%
        );

    box-shadow:
        0 0 4px rgba(255,215,90,.8),
        0 0 10px rgba(255,174,0,.35),
        0 5px 12px rgba(0,0,0,.65);

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}


/* ==========================================
   IMAGE
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image img{

    position:relative;
    z-index:1;

    display:block;

    width:100% !important;
    max-width:none !important;
    height:auto !important;

    margin:0 !important;

    border-radius:11px;

    object-fit:cover;

    transition:
        transform .45s ease,
        filter .35s ease;
}


/* ==========================================
   แสงวิ่งผ่านแต่ละรูป
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image
.elementor-widget-container::after{

    content:"";

    position:absolute;

    top:-60%;
    left:-85%;

    width:34%;
    height:220%;

    z-index:5;

    pointer-events:none;

    transform:rotate(20deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.04),
        rgba(255,238,170,.35),
        rgba(255,255,255,.90),
        rgba(255,210,80,.30),
        rgba(255,255,255,.04),
        transparent
    );

    filter:blur(1px);

    animation:goat88-shine 5s ease-in-out infinite;
}


@keyframes goat88-shine{

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

    10%{
        opacity:0;
    }

    16%{
        opacity:1;
    }

    38%{
        left:145%;
        opacity:1;
    }

    45%{
        opacity:0;
    }

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


/* ==========================================
   แสงแต่ละรูปวิ่งเหลื่อมกัน
========================================== */

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column:nth-child(1)
.elementor-widget-container::after{
    animation-delay:0s;
}

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column:nth-child(2)
.elementor-widget-container::after{
    animation-delay:.35s;
}

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column:nth-child(3)
.elementor-widget-container::after{
    animation-delay:.70s;
}

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column:nth-child(4)
.elementor-widget-container::after{
    animation-delay:1.05s;
}

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column:nth-child(5)
.elementor-widget-container::after{
    animation-delay:1.40s;
}

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column:nth-child(6)
.elementor-widget-container::after{
    animation-delay:1.75s;
}


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

.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image:hover{

    z-index:20;

    transform:
        translateY(-7px)
        scale(1.045);
}


.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image:hover
.elementor-widget-container{

    border-color:#fff0a0 !important;

    box-shadow:
        0 0 5px #fff2a3,
        0 0 12px rgba(255,215,70,.95),
        0 0 24px rgba(255,160,0,.65),
        0 10px 20px rgba(0,0,0,.7);
}


.elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image:hover img{

    transform:scale(1.055);

    filter:
        brightness(1.10)
        contrast(1.04)
        saturate(1.12);
}


/* ==========================================
   TABLET
   3 รูป x 2 แถว
========================================== */

@media (min-width:768px) and (max-width:1024px){

    .elementor-2 .elementor-element.elementor-element-07d23d7{
        padding:8px;
    }

    .elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container{
        gap:9px;
    }

    .elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container > .elementor-column{

        width:calc((100% - 18px) / 3) !important;
        max-width:calc((100% - 18px) / 3) !important;

        flex:0 0 calc((100% - 18px) / 3) !important;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image
    .elementor-widget-container{

        padding:3px !important;

        border:2px solid #d6a728 !important;

        border-radius:14px;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image img{
        border-radius:10px;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image:hover{

        transform:
            translateY(-4px)
            scale(1.025);
    }

}


/* ==========================================
   MOBILE
   3 รูป x 2 แถว
========================================== */

@media (max-width:767px){

    .elementor-2 .elementor-element.elementor-element-07d23d7{

        width:100%;

        padding:7px 6px;

        overflow:hidden;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container{

        width:100% !important;

        display:flex !important;

        flex-direction:row !important;
        flex-wrap:wrap !important;

        justify-content:center !important;

        gap:6px;
    }


    /* บังคับ Elementor ไม่ให้ Column ลงทีละแถว */
    .elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container > .elementor-column{

        width:calc((100% - 12px) / 3) !important;
        max-width:calc((100% - 12px) / 3) !important;

        flex:0 0 calc((100% - 12px) / 3) !important;

        padding:0 !important;
        margin:0 !important;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-column-wrap,
    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-wrap{

        width:100% !important;

        padding:0 !important;
        margin:0 !important;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image{

        width:100% !important;

        padding:0 !important;
        margin:0 !important;
    }


    /* กรอบทอง MOBILE */
    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image
    .elementor-widget-container{

        width:100% !important;

        padding:2px !important;

        border:
            1.5px solid #e5b933 !important;

        border-radius:10px;

        background:
            linear-gradient(
                135deg,
                #fff2a2,
                #c78912,
                #ffd75b,
                #fff0a0,
                #b87900
            );

        box-shadow:
            0 0 4px rgba(255,220,100,.75),
            0 0 8px rgba(255,165,0,.30),
            0 3px 7px rgba(0,0,0,.60);
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image img{

        width:100% !important;
        max-width:none !important;

        border-radius:7px;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image:hover{

        transform:
            translateY(-2px)
            scale(1.015);
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image:hover
    .elementor-widget-container{

        border-color:#fff3ac !important;

        box-shadow:
            0 0 5px rgba(255,240,160,.95),
            0 0 10px rgba(255,185,20,.65),
            0 4px 9px rgba(0,0,0,.65);
    }


    /* แสงบางลงบนมือถือ */
    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image
    .elementor-widget-container::after{

        width:28%;

        animation-duration:5.5s;
    }

}


/* ==========================================
   MOBILE จอเล็ก
========================================== */

@media (max-width:360px){

    .elementor-2 .elementor-element.elementor-element-07d23d7{
        padding-left:4px;
        padding-right:4px;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container{
        gap:4px;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 > .elementor-container > .elementor-column{

        width:calc((100% - 8px) / 3) !important;
        max-width:calc((100% - 8px) / 3) !important;

        flex:0 0 calc((100% - 8px) / 3) !important;
    }


    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image
    .elementor-widget-container{

        padding:2px !important;

        border-width:1px !important;
    }

}


/* ==========================================
   ลด Animation ถ้าเครื่องร้องขอ
========================================== */

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

    .elementor-2 .elementor-element.elementor-element-07d23d7 .elementor-widget-image
    .elementor-widget-container::after{

        animation:none;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3394954 *//* ===============================
   GOATGAME88 PROMOTION CAROUSEL
================================ */

/* ให้รูปที่ขยายไม่โดนตัด */
.elementor-2 .elementor-element.elementor-element-3394954 .swiper,
.elementor-2 .elementor-element.elementor-element-3394954 .swiper-container,
.elementor-2 .elementor-element.elementor-element-3394954 .elementor-image-carousel-wrapper{
    overflow: visible !important;
}

/* รูปทั้งหมด */
.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide{
    position: relative;
    z-index: 1;
    opacity: .72;
    transform: scale(.94);
    transition:
        transform .45s ease,
        opacity .45s ease,
        filter .45s ease;
}

/* ตัวรูป */
.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide img{
    width: 100%;
    display: block;

    border: 2px solid #c99722;
    border-radius: 18px;

    box-shadow:
        0 0 5px rgba(255, 193, 7, .35),
        inset 0 0 4px rgba(255,255,255,.25);

    transition:
        transform .45s ease,
        filter .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}


/* =================================
   รูปตรงกลาง
   กรณี Desktop แสดง 3 รูป
================================= */

.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next{
    z-index: 10;
    opacity: 1;
    transform: scale(1.06);
}

.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next img{
    border: 3px solid #ffd65a;

    filter:
        brightness(1.08)
        contrast(1.04)
        saturate(1.08);

    box-shadow:
        0 0 8px rgba(255,215,80,.95),
        0 0 18px rgba(255,185,0,.75),
        0 0 32px rgba(255,140,0,.40);
}


/* เส้นแสงทองรอบรูปตรงกลาง */
.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next::after{
    content: "";
    position: absolute;

    inset: -4px;

    border: 1px solid rgba(255,220,100,.75);
    border-radius: 21px;

    box-shadow:
        0 0 8px rgba(255,215,80,.8),
        0 0 20px rgba(255,180,0,.35);

    pointer-events: none;
}


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

.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide:hover{
    opacity: 1;
}

.elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide:hover img{
    filter: brightness(1.08);
    box-shadow:
        0 0 10px rgba(255,215,80,.8),
        0 0 22px rgba(255,170,0,.45);
}


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

@media (max-width:1024px){

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide{
        transform: scale(.95);
    }

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next{
        transform: scale(1.04);
    }

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide img{
        border-radius: 15px;
    }

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next::after{
        border-radius: 18px;
    }
}


/* ===============================
   MOBILE
   ถ้าแสดงทีละ 1 รูป
================================ */

@media (max-width:767px){

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide{
        opacity: .75;
        transform: scale(.96);
    }

    /* ยกเลิก next เพราะมือถือรูป Active คือรูปหลัก */
    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next{
        opacity: .75;
        transform: scale(.96);
    }

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next::after{
        display: none;
    }

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-next img{
        border: 2px solid #c99722;

        filter: none;

        box-shadow:
            0 0 5px rgba(255,193,7,.35);
    }


    /* รูปที่กำลังแสดงบน Mobile */
    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-active{
        opacity: 1;
        transform: scale(1);
        z-index: 10;
    }

    .elementor-2 .elementor-element.elementor-element-3394954 .swiper-slide-active img{
        border: 3px solid #ffd65a;

        filter:
            brightness(1.08)
            contrast(1.04)
            saturate(1.08);

        box-shadow:
            0 0 8px rgba(255,215,80,.9),
            0 0 18px rgba(255,185,0,.6);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-997d4a9 *//* ==========================================
   GOATGAME88 GAME MENU
   GOLD BORDER + SHINE + RESPONSIVE
========================================== */


/* ==========================================
   SECTION หลัก
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9{
    width:100%;
    margin:0 auto;
    padding:8px 0;
    overflow:visible;
}


/* ==========================================
   จัดเรียง Columns
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;

    display:flex !important;
    flex-wrap:wrap !important;
    flex-direction:row !important;

    justify-content:center !important;
    align-items:stretch !important;

    gap:10px;
}


/* ==========================================
   DESKTOP : 6 รูป
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container > .elementor-column{

    width:calc((100% - 50px) / 6) !important;
    max-width:calc((100% - 50px) / 6) !important;

    flex:0 0 calc((100% - 50px) / 6) !important;

    padding:0 !important;
    margin:0 !important;
}


/* ล้าง Padding Elementor */
.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column-wrap,
.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-wrap{

    width:100% !important;

    padding:0 !important;
    margin:0 !important;
}


/* ==========================================
   IMAGE WIDGET
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image{

    width:100% !important;

    position:relative;
    z-index:1;

    padding:0 !important;
    margin:0 !important;

    transition:
        transform .35s ease,
        filter .35s ease;
}


/* ==========================================
   กรอบทองแต่ละรูป
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image .elementor-widget-container{

    position:relative;

    width:100%;

    padding:3px !important;

    overflow:hidden;

    border:2px solid #d6a728 !important;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #fff1a6 0%,
            #b97800 18%,
            #ffd75b 38%,
            #fff6bd 50%,
            #e4a31b 65%,
            #8d5500 82%,
            #ffd96c 100%
        );

    box-shadow:
        0 0 4px rgba(255,215,90,.8),
        0 0 10px rgba(255,174,0,.35),
        0 5px 12px rgba(0,0,0,.65);

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}


/* ==========================================
   IMAGE
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image img{

    position:relative;
    z-index:1;

    display:block;

    width:100% !important;
    max-width:none !important;
    height:auto !important;

    margin:0 !important;

    border-radius:11px;

    object-fit:cover;

    transition:
        transform .45s ease,
        filter .35s ease;
}


/* ==========================================
   แสงวิ่งผ่านแต่ละรูป
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image
.elementor-widget-container::after{

    content:"";

    position:absolute;

    top:-60%;
    left:-85%;

    width:34%;
    height:220%;

    z-index:5;

    pointer-events:none;

    transform:rotate(20deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.04),
        rgba(255,238,170,.35),
        rgba(255,255,255,.90),
        rgba(255,210,80,.30),
        rgba(255,255,255,.04),
        transparent
    );

    filter:blur(1px);

    animation:goat88-shine 5s ease-in-out infinite;
}


@keyframes goat88-shine{

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

    10%{
        opacity:0;
    }

    16%{
        opacity:1;
    }

    38%{
        left:145%;
        opacity:1;
    }

    45%{
        opacity:0;
    }

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


/* ==========================================
   แสงแต่ละรูปวิ่งเหลื่อมกัน
========================================== */

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column:nth-child(1)
.elementor-widget-container::after{
    animation-delay:0s;
}

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column:nth-child(2)
.elementor-widget-container::after{
    animation-delay:.35s;
}

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column:nth-child(3)
.elementor-widget-container::after{
    animation-delay:.70s;
}

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column:nth-child(4)
.elementor-widget-container::after{
    animation-delay:1.05s;
}

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column:nth-child(5)
.elementor-widget-container::after{
    animation-delay:1.40s;
}

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column:nth-child(6)
.elementor-widget-container::after{
    animation-delay:1.75s;
}


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

.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image:hover{

    z-index:20;

    transform:
        translateY(-7px)
        scale(1.045);
}


.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image:hover
.elementor-widget-container{

    border-color:#fff0a0 !important;

    box-shadow:
        0 0 5px #fff2a3,
        0 0 12px rgba(255,215,70,.95),
        0 0 24px rgba(255,160,0,.65),
        0 10px 20px rgba(0,0,0,.7);
}


.elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image:hover img{

    transform:scale(1.055);

    filter:
        brightness(1.10)
        contrast(1.04)
        saturate(1.12);
}


/* ==========================================
   TABLET
   3 รูป x 2 แถว
========================================== */

@media (min-width:768px) and (max-width:1024px){

    .elementor-2 .elementor-element.elementor-element-997d4a9{
        padding:8px;
    }

    .elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container{
        gap:9px;
    }

    .elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container > .elementor-column{

        width:calc((100% - 18px) / 3) !important;
        max-width:calc((100% - 18px) / 3) !important;

        flex:0 0 calc((100% - 18px) / 3) !important;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image
    .elementor-widget-container{

        padding:3px !important;

        border:2px solid #d6a728 !important;

        border-radius:14px;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image img{
        border-radius:10px;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image:hover{

        transform:
            translateY(-4px)
            scale(1.025);
    }

}


/* ==========================================
   MOBILE
   3 รูป x 2 แถว
========================================== */

@media (max-width:767px){

    .elementor-2 .elementor-element.elementor-element-997d4a9{

        width:100%;

        padding:7px 6px;

        overflow:hidden;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container{

        width:100% !important;

        display:flex !important;

        flex-direction:row !important;
        flex-wrap:wrap !important;

        justify-content:center !important;

        gap:6px;
    }


    /* บังคับ Elementor ไม่ให้ Column ลงทีละแถว */
    .elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container > .elementor-column{

        width:calc((100% - 12px) / 3) !important;
        max-width:calc((100% - 12px) / 3) !important;

        flex:0 0 calc((100% - 12px) / 3) !important;

        padding:0 !important;
        margin:0 !important;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-column-wrap,
    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-wrap{

        width:100% !important;

        padding:0 !important;
        margin:0 !important;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image{

        width:100% !important;

        padding:0 !important;
        margin:0 !important;
    }


    /* กรอบทอง MOBILE */
    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image
    .elementor-widget-container{

        width:100% !important;

        padding:2px !important;

        border:
            1.5px solid #e5b933 !important;

        border-radius:10px;

        background:
            linear-gradient(
                135deg,
                #fff2a2,
                #c78912,
                #ffd75b,
                #fff0a0,
                #b87900
            );

        box-shadow:
            0 0 4px rgba(255,220,100,.75),
            0 0 8px rgba(255,165,0,.30),
            0 3px 7px rgba(0,0,0,.60);
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image img{

        width:100% !important;
        max-width:none !important;

        border-radius:7px;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image:hover{

        transform:
            translateY(-2px)
            scale(1.015);
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image:hover
    .elementor-widget-container{

        border-color:#fff3ac !important;

        box-shadow:
            0 0 5px rgba(255,240,160,.95),
            0 0 10px rgba(255,185,20,.65),
            0 4px 9px rgba(0,0,0,.65);
    }


    /* แสงบางลงบนมือถือ */
    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image
    .elementor-widget-container::after{

        width:28%;

        animation-duration:5.5s;
    }

}


/* ==========================================
   MOBILE จอเล็ก
========================================== */

@media (max-width:360px){

    .elementor-2 .elementor-element.elementor-element-997d4a9{
        padding-left:4px;
        padding-right:4px;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container{
        gap:4px;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 > .elementor-container > .elementor-column{

        width:calc((100% - 8px) / 3) !important;
        max-width:calc((100% - 8px) / 3) !important;

        flex:0 0 calc((100% - 8px) / 3) !important;
    }


    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image
    .elementor-widget-container{

        padding:2px !important;

        border-width:1px !important;
    }

}


/* ==========================================
   ลด Animation ถ้าเครื่องร้องขอ
========================================== */

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

    .elementor-2 .elementor-element.elementor-element-997d4a9 .elementor-widget-image
    .elementor-widget-container::after{

        animation:none;
    }
}/* End custom CSS */