.elementor-15 .elementor-element.elementor-element-277bdb5:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-277bdb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD53DD;}.elementor-15 .elementor-element.elementor-element-277bdb5 > .elementor-container{max-width:881px;}.elementor-15 .elementor-element.elementor-element-277bdb5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15 .elementor-element.elementor-element-277bdb5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-15 .elementor-element.elementor-element-369b013 img{width:36%;}.elementor-15 .elementor-element.elementor-element-d202237 img{width:47%;}.elementor-15 .elementor-element.elementor-element-6ccac42 img{width:47%;}.elementor-15 .elementor-element.elementor-element-3e9e5ab:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-3e9e5ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-3e9e5ab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15 .elementor-element.elementor-element-3e9e5ab > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-15 .elementor-element.elementor-element-7561c47e{text-align:center;}.elementor-15 .elementor-element.elementor-element-7561c47e .elementor-heading-title{font-size:15px;font-weight:300;text-transform:uppercase;color:#686868;}.elementor-15 .elementor-element.elementor-element-5fafec6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.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-15 .elementor-element.elementor-element-7561c47e{text-align:center;}.elementor-15 .elementor-element.elementor-element-7561c47e .elementor-heading-title{line-height:20px;}}/* Start custom CSS for html, class: .elementor-element-30de539 *//* =====================================================
   UNIKORN168 BOTTOM MENU - EXTRA EFFECTS
   วางต่อท้าย CSS เดิมได้เลย
===================================================== */


/* =========================
   1. พื้นหลังไล่สีเคลื่อนไหว
========================= */

#unikorn168-bottom-menu .uk168-foot-wrap{
    background:
        linear-gradient(
            120deg,
            #a16cef,
            #8985f3,
            #65b6ef,
            #9b70ee,
            #7e8cf4
        );

    background-size:300% 300%;

    animation:
        uk168FooterGradient 8s ease infinite;
}


@keyframes uk168FooterGradient{

    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }

}


/* =========================
   2. เส้นแสงด้านบน
========================= */

#unikorn168-bottom-menu .uk168-foot-wrap::after{
    content:"";

    position:absolute;

    top:0;
    left:-40%;

    width:35%;
    height:2px;

    z-index:5;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            #75ffff,
            transparent
        );

    filter:
        drop-shadow(0 0 5px #7ffcff);

    animation:
        uk168TopLight 4s linear infinite;
}


@keyframes uk168TopLight{

    0%{
        left:-40%;
    }

    100%{
        left:120%;
    }

}


/* =========================
   3. ปุ่มมีแสงกวาด
========================= */

#unikorn168-bottom-menu .uk168-foot-link{
    overflow:hidden;
    border-radius:12px;
}


#unikorn168-bottom-menu .uk168-foot-link::before{
    content:"";

    position:absolute;

    top:-30%;
    left:-80%;

    width:40%;
    height:160%;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            rgba(255,255,255,.55),
            rgba(255,255,255,.08),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .65s ease;
}


#unikorn168-bottom-menu .uk168-foot-link:hover::before{
    left:140%;
}


/* =========================
   4. Glow ตอนชี้เมาส์
========================= */

#unikorn168-bottom-menu .uk168-foot-link:hover{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.16),
            rgba(134,85,225,.13)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 15px rgba(128,232,255,.28);
}


/* =========================
   5. ไอคอนลอยเบา ๆ
========================= */

#unikorn168-bottom-menu .uk168-foot-icon{
    animation:
        uk168IconFloat 2.8s ease-in-out infinite;
}


#unikorn168-bottom-menu .uk168-foot-item:nth-child(2) .uk168-foot-icon{
    animation-delay:.25s;
}

#unikorn168-bottom-menu .uk168-foot-item:nth-child(3) .uk168-foot-icon{
    animation-delay:.5s;
}

#unikorn168-bottom-menu .uk168-foot-item:nth-child(4) .uk168-foot-icon{
    animation-delay:.75s;
}

#unikorn168-bottom-menu .uk168-foot-item:nth-child(5) .uk168-foot-icon{
    animation-delay:1s;
}


@keyframes uk168IconFloat{

    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-3px);
    }

}


/* =========================
   6. Hover ไอคอน
========================= */

#unikorn168-bottom-menu .uk168-foot-link:hover .uk168-foot-icon{
    animation:none;

    transform:
        translateY(-4px)
        scale(1.13);

    filter:
        drop-shadow(0 0 4px rgba(255,255,255,.9))
        drop-shadow(0 0 9px rgba(91,232,255,.65));
}


/* =========================
   7. ปุ่มเล่นเกมตรงกลาง Pulse
========================= */

#unikorn168-bottom-menu
.uk168-foot-item--play
.uk168-foot-icon{

    animation:
        uk168PlayPulse 1.7s ease-in-out infinite;

    filter:
        drop-shadow(0 0 5px rgba(255,255,255,.45))
        drop-shadow(0 0 10px rgba(108,232,255,.45));
}


@keyframes uk168PlayPulse{

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

        filter:
            drop-shadow(0 0 4px rgba(255,255,255,.35))
            drop-shadow(0 0 8px rgba(107,226,255,.35));
    }

    50%{
        transform:
            translateY(-3px)
            scale(1.08);

        filter:
            drop-shadow(0 0 7px rgba(255,255,255,.85))
            drop-shadow(0 0 16px rgba(91,234,255,.8));
    }

}


/* =========================
   8. วงแสงรอบปุ่มเล่นเกม
========================= */

#unikorn168-bottom-menu
.uk168-foot-item--play
.uk168-foot-link::after{

    content:"";

    position:absolute;

    width:58px;
    height:58px;

    top:2px;
    left:50%;

    transform:translateX(-50%) scale(.85);

    border-radius:50%;

    border:
        1px solid rgba(155,244,255,.4);

    box-shadow:
        0 0 10px rgba(68,221,255,.25);

    opacity:0;

    pointer-events:none;

    animation:
        uk168PlayRing 2s ease-out infinite;
}


@keyframes uk168PlayRing{

    0%{
        opacity:.8;

        transform:
            translateX(-50%)
            scale(.65);
    }

    70%{
        opacity:.18;
    }

    100%{
        opacity:0;

        transform:
            translateX(-50%)
            scale(1.3);
    }

}


/* =========================
   9. ตัวหนังสือ Glow เบาๆ
========================= */

#unikorn168-bottom-menu .uk168-foot-text{
    transition:
        color .2s ease,
        text-shadow .2s ease,
        transform .2s ease;
}


#unikorn168-bottom-menu .uk168-foot-link:hover .uk168-foot-text{

    color:#ffffff;

    transform:translateY(-1px);

    text-shadow:
        0 0 3px #ffffff,
        0 0 7px rgba(103,226,255,.65),
        0 1px 2px rgba(54,37,112,.8);
}


/* =========================
   10. เอฟเฟกต์ตอนกด
========================= */

#unikorn168-bottom-menu .uk168-foot-link:active{
    transform:
        translateY(1px)
        scale(.94);

    filter:brightness(1.15);

    transition:
        transform .08s ease;
}


#unikorn168-bottom-menu
.uk168-foot-item--play
.uk168-foot-link:active{

    transform:
        translateY(-3px)
        scale(.93);
}


/* =========================
   11. Glow ด้านล่าง Menu
========================= */

#unikorn168-bottom-menu{
    filter:
        drop-shadow(
            0 -3px 10px
            rgba(85,157,255,.18)
        );
}


/* =========================
   MOBILE
   ลดเอฟเฟกต์บางส่วน
========================= */

@media(max-width:767px){

    #unikorn168-bottom-menu .uk168-foot-icon{
        animation-duration:3.2s;
    }


    #unikorn168-bottom-menu
    .uk168-foot-item--play
    .uk168-foot-icon{

        animation-duration:2s;
    }


    #unikorn168-bottom-menu
    .uk168-foot-item--play
    .uk168-foot-link::after{

        width:48px;
        height:48px;
    }


    #unikorn168-bottom-menu .uk168-foot-link:hover{
        box-shadow:none;
    }

}


/* =========================
   ปิด Animation หากเครื่อง
   ตั้ง Reduce Motion
========================= */

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

    #unikorn168-bottom-menu *,
    #unikorn168-bottom-menu *::before,
    #unikorn168-bottom-menu *::after{

        animation:none !important;

        transition:none !important;
    }

}/* End custom CSS */