.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:transparent;background-image:linear-gradient(180deg, #000000DE 0%, #47167C 100%);}.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:34%;}.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-49af598 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-15 .elementor-element.elementor-element-49af598:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-49af598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #9D3BFF 0%, #000000 100%);}.elementor-15 .elementor-element.elementor-element-49af598{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15 .elementor-element.elementor-element-49af598 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-a2728c7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-15 .elementor-element.elementor-element-a2728c7:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-a2728c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #9D3BFF 0%, #000000 100%);}.elementor-15 .elementor-element.elementor-element-a2728c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15 .elementor-element.elementor-element-a2728c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-ee6feed .widget-image-caption{color:#FFFFFF;font-family:"Mitr", Sans-serif;font-weight:400;font-style:normal;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-15 .elementor-element.elementor-element-0ec01ba .widget-image-caption{color:#FFFFFF;font-family:"Mitr", Sans-serif;font-weight:400;font-style:normal;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-15 .elementor-element.elementor-element-1a73ca4 .widget-image-caption{color:#FFFFFF;font-family:"Mitr", Sans-serif;font-weight:400;font-style:normal;}.elementor-15 .elementor-element.elementor-element-df69cf0 .widget-image-caption{color:#FFFFFF;font-family:"Mitr", Sans-serif;font-weight:400;font-style:normal;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-15 .elementor-element.elementor-element-a8456c5 .widget-image-caption{color:#FFFFFF;font-family:"Mitr", Sans-serif;font-weight:400;font-style:normal;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-ee6feed img{width:100%;}.elementor-15 .elementor-element.elementor-element-0ec01ba img{width:100%;}.elementor-15 .elementor-element.elementor-element-df69cf0 img{width:100%;}.elementor-15 .elementor-element.elementor-element-a8456c5 img{width:100%;}}@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;}.elementor-15 .elementor-element.elementor-element-678c270{width:18.75%;}.elementor-15 .elementor-element.elementor-element-ee6feed img{width:100%;}.elementor-15 .elementor-element.elementor-element-ee6feed .widget-image-caption{font-size:12px;line-height:1.1em;}.elementor-15 .elementor-element.elementor-element-7e13b71{width:18.75%;}.elementor-15 .elementor-element.elementor-element-0ec01ba img{width:100%;}.elementor-15 .elementor-element.elementor-element-0ec01ba .widget-image-caption{font-size:12px;line-height:1.1em;}.elementor-15 .elementor-element.elementor-element-72cc688{width:25%;}.elementor-15 .elementor-element.elementor-element-1a73ca4 img{width:100%;}.elementor-15 .elementor-element.elementor-element-1a73ca4 .widget-image-caption{font-size:14px;}.elementor-15 .elementor-element.elementor-element-b05cb3b{width:18.75%;}.elementor-15 .elementor-element.elementor-element-df69cf0 img{width:100%;}.elementor-15 .elementor-element.elementor-element-df69cf0 .widget-image-caption{font-size:12px;line-height:1.1em;}.elementor-15 .elementor-element.elementor-element-a9ec684{width:18.75%;}.elementor-15 .elementor-element.elementor-element-a8456c5 img{width:100%;}.elementor-15 .elementor-element.elementor-element-a8456c5 .widget-image-caption{font-size:12px;line-height:1.1em;}}@media(max-width:1024px) and (min-width:768px){.elementor-15 .elementor-element.elementor-element-678c270{width:18.75%;}.elementor-15 .elementor-element.elementor-element-7e13b71{width:18.75%;}.elementor-15 .elementor-element.elementor-element-72cc688{width:25%;}.elementor-15 .elementor-element.elementor-element-b05cb3b{width:18.75%;}.elementor-15 .elementor-element.elementor-element-a9ec684{width:18.75%;}}/* Start custom CSS for section, class: .elementor-element-49af598 *//* =========================================================
   MYSLOT PREMIUM FOOTER MENU
   NORMAL SECTION POSITION
   Desktop / Tablet / Mobile
========================================================= */


/* =========================================================
   RESET
========================================================= */

.myslot-footer-menu,
.myslot-footer-menu * {
    box-sizing: border-box;
}


/* =========================================================
   MAIN SECTION
   ไม่ Fixed / ไม่ Sticky / ไม่ตามหน้าจอ
========================================================= */

.myslot-footer-menu {

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

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

    margin: 0 auto !important;

    padding:
        11px 12px 9px !important;

    z-index: auto !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(202, 79, 255, .30),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #782bb4 0%,
            #521581 40%,
            #360957 72%,
            #210333 100%
        ) !important;

    border-top:
        2px solid rgba(229, 127, 255, .95) !important;

    border-bottom:
        1px solid #150020 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -2px 5px rgba(0,0,0,.26),
        0 5px 18px rgba(37,0,58,.25) !important;

    overflow: visible !important;
}


/* =========================================================
   TOP LIGHT
========================================================= */

.myslot-footer-menu::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    transform:
        translateX(-50%);

    width: 65%;

    height: 2px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ff7bdf,
            #e9beff,
            #ffca4e,
            transparent
        );

    box-shadow:
        0 0 11px rgba(222,101,255,.65);
}


/* =========================================================
   ELEMENTOR INNER
========================================================= */

.myslot-footer-menu > .elementor-container,
.myslot-footer-menu > .e-con-inner,
.myslot-footer-menu .elementor-container {

    width: 100% !important;

    max-width: 720px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    align-items:
        end !important;

    justify-content:
        center !important;

    gap:
        8px !important;
}


/* =========================================================
   OLD ELEMENTOR ROW
========================================================= */

.myslot-footer-menu .elementor-row {

    width: 100% !important;

    max-width: 720px !important;

    margin:
        0 auto !important;

    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    align-items:
        end !important;

    gap:
        8px !important;
}


/* =========================================================
   COLUMN
========================================================= */

.myslot-footer-menu .elementor-column {

    width: 100% !important;

    min-width: 0 !important;

    margin:
        0 !important;
}


.myslot-footer-menu .elementor-column-wrap,
.myslot-footer-menu .elementor-widget-wrap {

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


/* =========================================================
   LINKS
========================================================= */

.myslot-footer-menu a {

    position: relative;

    width: 100% !important;

    min-width: 0;

    margin: 0 !important;

    padding:
        5px 2px 3px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: flex-end !important;

    gap: 5px;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    text-align:
        center;

    -webkit-tap-highlight-color:
        transparent;

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


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

.myslot-footer-menu img {

    display: block !important;

    width: 62px !important;

    height: 62px !important;

    max-width: 62px !important;

    min-width: 0 !important;

    margin:
        0 auto !important;

    padding:
        3px !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    border-radius:
        50%;

    border:
        2px solid rgba(255,255,255,.90);

    background:
        radial-gradient(
            circle at 35% 25%,
            #a66cff 0%,
            #6930b4 38%,
            #351058 70%,
            #1c022d 100%
        );

    box-shadow:
        0 5px 13px rgba(0,0,0,.40),
        0 0 0 2px rgba(216,105,255,.35),
        0 0 13px rgba(185,59,255,.34),
        inset 0 2px 5px rgba(255,255,255,.22);

    opacity:
        1 !important;

    visibility:
        visible !important;

    transition:
        transform .23s ease,
        filter .23s ease,
        box-shadow .23s ease;
}


/* =========================================================
   CENTER BUTTON
   ปุ่มที่ 3 สมัครสมาชิก
========================================================= */

.myslot-footer-menu
.elementor-column:nth-child(3) img {

    width:
        82px !important;

    height:
        82px !important;

    max-width:
        82px !important;

    margin-top:
        -21px !important;

    padding:
        4px !important;

    border:
        3px solid #f1d5ff;

    background:
        radial-gradient(
            circle at 35% 25%,
            #6ee8ff 0%,
            #5f8cff 27%,
            #773bd0 52%,
            #300750 76%,
            #190126 100%
        );

    box-shadow:
        0 8px 19px rgba(0,0,0,.46),
        0 0 0 3px rgba(213,101,255,.40),
        0 0 22px rgba(125,91,255,.58),
        inset 0 3px 7px rgba(255,255,255,.28);
}


/* =========================================================
   TEXT
========================================================= */

.myslot-footer-menu a span,
.myslot-footer-menu a strong,
.myslot-footer-menu .elementor-heading-title,
.myslot-footer-menu .elementor-widget-text-editor {

    width: 100%;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-family:
        "Kanit",
        "Prompt",
        Tahoma,
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    line-height:
        1.15 !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    text-shadow:
        0 2px 4px rgba(0,0,0,.72);
}


/* =========================================================
   CENTER TEXT
========================================================= */

.myslot-footer-menu
.elementor-column:nth-child(3) a span,

.myslot-footer-menu
.elementor-column:nth-child(3) a strong,

.myslot-footer-menu
.elementor-column:nth-child(3) .elementor-heading-title {

    color:
        #ffe570 !important;

    font-weight:
        900 !important;

    text-shadow:
        0 2px 5px rgba(0,0,0,.75),
        0 0 7px rgba(255,196,62,.25);
}


/* =========================================================
   SMALL DECORATION
========================================================= */

.myslot-footer-menu a::after {

    content: "";

    display: block;

    width:
        0;

    height:
        2px;

    margin-top:
        1px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            #ff69dd,
            #ffc94b
        );

    box-shadow:
        0 0 7px rgba(255,121,218,.40);

    transition:
        width .25s ease;
}


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

@media (hover:hover) {

    .myslot-footer-menu a:hover {

        transform:
            translateY(-3px);
    }


    .myslot-footer-menu a:hover img {

        transform:
            scale(1.08);

        filter:
            brightness(1.10)
            saturate(1.08);

        box-shadow:
            0 8px 18px rgba(0,0,0,.46),
            0 0 0 2px rgba(255,255,255,.42),
            0 0 21px rgba(205,71,255,.60);
    }


    .myslot-footer-menu a:hover::after {

        width:
            38px;
    }

}


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

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

    .myslot-footer-menu {

        padding:
            10px 8px 8px !important;
    }


    .myslot-footer-menu > .elementor-container,
    .myslot-footer-menu > .e-con-inner,
    .myslot-footer-menu .elementor-container,
    .myslot-footer-menu .elementor-row {

        max-width:
            650px !important;

        gap:
            5px !important;
    }


    .myslot-footer-menu img {

        width:
            55px !important;

        height:
            55px !important;

        max-width:
            55px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            72px !important;

        height:
            72px !important;

        max-width:
            72px !important;

        margin-top:
            -17px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            11.5px !important;
    }

}


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

@media (max-width: 767px) {

    .myslot-footer-menu {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        transform:
            none !important;

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            9px 3px 7px !important;

        margin:
            0 auto !important;
    }


    .myslot-footer-menu > .elementor-container,
    .myslot-footer-menu > .e-con-inner,
    .myslot-footer-menu .elementor-container,
    .myslot-footer-menu .elementor-row {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        display:
            grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap:
            2px !important;

        align-items:
            end !important;
    }


    .myslot-footer-menu .elementor-column {

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        flex:
            none !important;
    }


    .myslot-footer-menu a {

        min-width:
            0 !important;

        max-width:
            100% !important;

        padding:
            3px 0 !important;

        gap:
            3px;
    }


    .myslot-footer-menu img {

        width:
            44px !important;

        height:
            44px !important;

        max-width:
            44px !important;

        padding:
            2px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            58px !important;

        height:
            58px !important;

        max-width:
            58px !important;

        margin-top:
            -13px !important;

        border-width:
            2px;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title,
    .myslot-footer-menu .elementor-widget-text-editor {

        font-size:
            9px !important;

        line-height:
            1.1 !important;

        letter-spacing:
            -.1px;

        overflow:
            visible;

        text-overflow:
            clip;
    }

}


/* =========================================================
   MOBILE <= 480
========================================================= */

@media (max-width: 480px) {

    .myslot-footer-menu {

        padding:
            8px 2px 6px !important;
    }


    .myslot-footer-menu > .elementor-container,
    .myslot-footer-menu > .e-con-inner,
    .myslot-footer-menu .elementor-container,
    .myslot-footer-menu .elementor-row {

        gap:
            1px !important;
    }


    .myslot-footer-menu img {

        width:
            41px !important;

        height:
            41px !important;

        max-width:
            41px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            54px !important;

        height:
            54px !important;

        max-width:
            54px !important;

        margin-top:
            -11px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            8.5px !important;
    }

}


/* =========================================================
   MOBILE <= 390
========================================================= */

@media (max-width: 390px) {

    .myslot-footer-menu {

        padding:
            7px 1px 6px !important;
    }


    .myslot-footer-menu img {

        width:
            37px !important;

        height:
            37px !important;

        max-width:
            37px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            50px !important;

        height:
            50px !important;

        max-width:
            50px !important;

        margin-top:
            -9px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            8px !important;

        letter-spacing:
            -.25px;
    }

}


/* =========================================================
   EXTRA SMALL <= 360
========================================================= */

@media (max-width: 360px) {

    .myslot-footer-menu img {

        width:
            35px !important;

        height:
            35px !important;

        max-width:
            35px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            47px !important;

        height:
            47px !important;

        max-width:
            47px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            7.5px !important;
    }/* =========================================================
   MYSLOT FLOATING MENU
   แสดงติดด้านล่างหน้าจอตลอดเวลา
========================================================= */

.myslot-footer-menu {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;

    transform: translateX(-50%) !important;

    width: min(100%, 720px) !important;
    max-width: 720px !important;

    margin: 0 !important;

    z-index: 999999 !important;

    overflow-x: clip !important;
    overflow-y: visible !important;

    border-radius: 18px 18px 0 0 !important;

    box-shadow:
        0 -5px 25px rgba(0,0,0,.40),
        0 0 25px rgba(151,47,222,.25),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}


/* =========================================================
   ป้องกัน Elementor บังคับตำแหน่งกลับ
========================================================= */

.myslot-footer-menu.elementor-section,
.myslot-footer-menu.e-con {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;

    transform: translateX(-50%) !important;
}


/* =========================================================
   เว้นพื้นที่ด้านล่างเว็บ
   ป้องกันเมนูบังเนื้อหา
========================================================= */

body {
    padding-bottom: 115px !important;
}


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

@media (max-width: 1024px) {

    .myslot-footer-menu,
    .myslot-footer-menu.elementor-section,
    .myslot-footer-menu.e-con {

        position: fixed !important;

        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: 0 !important;

        transform: translateX(-50%) !important;

        width: min(100%, 680px) !important;
        max-width: 680px !important;

        z-index: 999999 !important;
    }

    body {
        padding-bottom: 105px !important;
    }
}


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

@media (max-width: 767px) {

    .myslot-footer-menu,
    .myslot-footer-menu.elementor-section,
    .myslot-footer-menu.e-con {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;

        transform: none !important;

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

        margin: 0 !important;

        padding-bottom:
            calc(6px + env(safe-area-inset-bottom)) !important;

        border-radius:
            15px 15px 0 0 !important;

        z-index: 999999 !important;
    }

    body {
        padding-bottom:
            calc(95px + env(safe-area-inset-bottom)) !important;
    }
}


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

@media (max-width: 390px) {

    .myslot-footer-menu {
        width: 100% !important;
        max-width: 100% !important;

        border-radius:
            12px 12px 0 0 !important;
    }

    body {
        padding-bottom:
            calc(88px + env(safe-area-inset-bottom)) !important;
    }
}

}


/* =========================================================
   OVERFLOW PROTECTION
========================================================= */

.myslot-footer-menu,
.myslot-footer-menu .elementor-container,
.myslot-footer-menu .elementor-row,
.myslot-footer-menu .elementor-column,
.myslot-footer-menu .elementor-column-wrap,
.myslot-footer-menu .elementor-widget-wrap {

    max-width:
        100% !important;
}


/* ห้ามเมนูสร้างแถบเลื่อนแนวนอน */

.myslot-footer-menu {

    overflow-x:
        clip !important;

    overflow-y:
        visible !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1a73ca4 */#footer-image img {
	-webkit-animation: neon-register 1.5s ease-in-out infinite alternate ;
	animation: neon-register 1.5s ease-in-out infinite alternate ;
	border-radius: 70px !important;

}
@keyframes neon-register {
0% {
    box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #0a2a88, 0 0 16px #0a2a88, 0 0 28px #0a2a88, 0 0 36px #0a2a88, 0 0 44px #0a2a88;
}
100% {
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #59CDE9, 0 0 8px #59CDE9, 0 0 14px #59CDE9, 0 0 18px #59CDE9, 0 0 22px #59CDE9;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a2728c7 *//* =========================================================
   MYSLOT PREMIUM FOOTER MENU
   NORMAL SECTION POSITION
   Desktop / Tablet / Mobile
========================================================= */


/* =========================================================
   RESET
========================================================= */

.myslot-footer-menu,
.myslot-footer-menu * {
    box-sizing: border-box;
}


/* =========================================================
   MAIN SECTION
   ไม่ Fixed / ไม่ Sticky / ไม่ตามหน้าจอ
========================================================= */

.myslot-footer-menu {

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

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

    margin: 0 auto !important;

    padding:
        11px 12px 9px !important;

    z-index: auto !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(202, 79, 255, .30),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #782bb4 0%,
            #521581 40%,
            #360957 72%,
            #210333 100%
        ) !important;

    border-top:
        2px solid rgba(229, 127, 255, .95) !important;

    border-bottom:
        1px solid #150020 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -2px 5px rgba(0,0,0,.26),
        0 5px 18px rgba(37,0,58,.25) !important;

    overflow: visible !important;
}


/* =========================================================
   TOP LIGHT
========================================================= */

.myslot-footer-menu::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    transform:
        translateX(-50%);

    width: 65%;

    height: 2px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ff7bdf,
            #e9beff,
            #ffca4e,
            transparent
        );

    box-shadow:
        0 0 11px rgba(222,101,255,.65);
}


/* =========================================================
   ELEMENTOR INNER
========================================================= */

.myslot-footer-menu > .elementor-container,
.myslot-footer-menu > .e-con-inner,
.myslot-footer-menu .elementor-container {

    width: 100% !important;

    max-width: 720px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    align-items:
        end !important;

    justify-content:
        center !important;

    gap:
        8px !important;
}


/* =========================================================
   OLD ELEMENTOR ROW
========================================================= */

.myslot-footer-menu .elementor-row {

    width: 100% !important;

    max-width: 720px !important;

    margin:
        0 auto !important;

    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    align-items:
        end !important;

    gap:
        8px !important;
}


/* =========================================================
   COLUMN
========================================================= */

.myslot-footer-menu .elementor-column {

    width: 100% !important;

    min-width: 0 !important;

    margin:
        0 !important;
}


.myslot-footer-menu .elementor-column-wrap,
.myslot-footer-menu .elementor-widget-wrap {

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


/* =========================================================
   LINKS
========================================================= */

.myslot-footer-menu a {

    position: relative;

    width: 100% !important;

    min-width: 0;

    margin: 0 !important;

    padding:
        5px 2px 3px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: flex-end !important;

    gap: 5px;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    text-align:
        center;

    -webkit-tap-highlight-color:
        transparent;

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


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

.myslot-footer-menu img {

    display: block !important;

    width: 62px !important;

    height: 62px !important;

    max-width: 62px !important;

    min-width: 0 !important;

    margin:
        0 auto !important;

    padding:
        3px !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    border-radius:
        50%;

    border:
        2px solid rgba(255,255,255,.90);

    background:
        radial-gradient(
            circle at 35% 25%,
            #a66cff 0%,
            #6930b4 38%,
            #351058 70%,
            #1c022d 100%
        );

    box-shadow:
        0 5px 13px rgba(0,0,0,.40),
        0 0 0 2px rgba(216,105,255,.35),
        0 0 13px rgba(185,59,255,.34),
        inset 0 2px 5px rgba(255,255,255,.22);

    opacity:
        1 !important;

    visibility:
        visible !important;

    transition:
        transform .23s ease,
        filter .23s ease,
        box-shadow .23s ease;
}


/* =========================================================
   CENTER BUTTON
   ปุ่มที่ 3 สมัครสมาชิก
========================================================= */

.myslot-footer-menu
.elementor-column:nth-child(3) img {

    width:
        82px !important;

    height:
        82px !important;

    max-width:
        82px !important;

    margin-top:
        -21px !important;

    padding:
        4px !important;

    border:
        3px solid #f1d5ff;

    background:
        radial-gradient(
            circle at 35% 25%,
            #6ee8ff 0%,
            #5f8cff 27%,
            #773bd0 52%,
            #300750 76%,
            #190126 100%
        );

    box-shadow:
        0 8px 19px rgba(0,0,0,.46),
        0 0 0 3px rgba(213,101,255,.40),
        0 0 22px rgba(125,91,255,.58),
        inset 0 3px 7px rgba(255,255,255,.28);
}


/* =========================================================
   TEXT
========================================================= */

.myslot-footer-menu a span,
.myslot-footer-menu a strong,
.myslot-footer-menu .elementor-heading-title,
.myslot-footer-menu .elementor-widget-text-editor {

    width: 100%;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-family:
        "Kanit",
        "Prompt",
        Tahoma,
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    line-height:
        1.15 !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    text-shadow:
        0 2px 4px rgba(0,0,0,.72);
}


/* =========================================================
   CENTER TEXT
========================================================= */

.myslot-footer-menu
.elementor-column:nth-child(3) a span,

.myslot-footer-menu
.elementor-column:nth-child(3) a strong,

.myslot-footer-menu
.elementor-column:nth-child(3) .elementor-heading-title {

    color:
        #ffe570 !important;

    font-weight:
        900 !important;

    text-shadow:
        0 2px 5px rgba(0,0,0,.75),
        0 0 7px rgba(255,196,62,.25);
}


/* =========================================================
   SMALL DECORATION
========================================================= */

.myslot-footer-menu a::after {

    content: "";

    display: block;

    width:
        0;

    height:
        2px;

    margin-top:
        1px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            #ff69dd,
            #ffc94b
        );

    box-shadow:
        0 0 7px rgba(255,121,218,.40);

    transition:
        width .25s ease;
}


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

@media (hover:hover) {

    .myslot-footer-menu a:hover {

        transform:
            translateY(-3px);
    }


    .myslot-footer-menu a:hover img {

        transform:
            scale(1.08);

        filter:
            brightness(1.10)
            saturate(1.08);

        box-shadow:
            0 8px 18px rgba(0,0,0,.46),
            0 0 0 2px rgba(255,255,255,.42),
            0 0 21px rgba(205,71,255,.60);
    }


    .myslot-footer-menu a:hover::after {

        width:
            38px;
    }

}


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

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

    .myslot-footer-menu {

        padding:
            10px 8px 8px !important;
    }


    .myslot-footer-menu > .elementor-container,
    .myslot-footer-menu > .e-con-inner,
    .myslot-footer-menu .elementor-container,
    .myslot-footer-menu .elementor-row {

        max-width:
            650px !important;

        gap:
            5px !important;
    }


    .myslot-footer-menu img {

        width:
            55px !important;

        height:
            55px !important;

        max-width:
            55px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            72px !important;

        height:
            72px !important;

        max-width:
            72px !important;

        margin-top:
            -17px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            11.5px !important;
    }

}


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

@media (max-width: 767px) {

    .myslot-footer-menu {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        transform:
            none !important;

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            9px 3px 7px !important;

        margin:
            0 auto !important;
    }


    .myslot-footer-menu > .elementor-container,
    .myslot-footer-menu > .e-con-inner,
    .myslot-footer-menu .elementor-container,
    .myslot-footer-menu .elementor-row {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        display:
            grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap:
            2px !important;

        align-items:
            end !important;
    }


    .myslot-footer-menu .elementor-column {

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        flex:
            none !important;
    }


    .myslot-footer-menu a {

        min-width:
            0 !important;

        max-width:
            100% !important;

        padding:
            3px 0 !important;

        gap:
            3px;
    }


    .myslot-footer-menu img {

        width:
            44px !important;

        height:
            44px !important;

        max-width:
            44px !important;

        padding:
            2px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            58px !important;

        height:
            58px !important;

        max-width:
            58px !important;

        margin-top:
            -13px !important;

        border-width:
            2px;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title,
    .myslot-footer-menu .elementor-widget-text-editor {

        font-size:
            9px !important;

        line-height:
            1.1 !important;

        letter-spacing:
            -.1px;

        overflow:
            visible;

        text-overflow:
            clip;
    }

}


/* =========================================================
   MOBILE <= 480
========================================================= */

@media (max-width: 480px) {

    .myslot-footer-menu {

        padding:
            8px 2px 6px !important;
    }


    .myslot-footer-menu > .elementor-container,
    .myslot-footer-menu > .e-con-inner,
    .myslot-footer-menu .elementor-container,
    .myslot-footer-menu .elementor-row {

        gap:
            1px !important;
    }


    .myslot-footer-menu img {

        width:
            41px !important;

        height:
            41px !important;

        max-width:
            41px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            54px !important;

        height:
            54px !important;

        max-width:
            54px !important;

        margin-top:
            -11px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            8.5px !important;
    }

}


/* =========================================================
   MOBILE <= 390
========================================================= */

@media (max-width: 390px) {

    .myslot-footer-menu {

        padding:
            7px 1px 6px !important;
    }


    .myslot-footer-menu img {

        width:
            37px !important;

        height:
            37px !important;

        max-width:
            37px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            50px !important;

        height:
            50px !important;

        max-width:
            50px !important;

        margin-top:
            -9px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            8px !important;

        letter-spacing:
            -.25px;
    }

}


/* =========================================================
   EXTRA SMALL <= 360
========================================================= */

@media (max-width: 360px) {

    .myslot-footer-menu img {

        width:
            35px !important;

        height:
            35px !important;

        max-width:
            35px !important;
    }


    .myslot-footer-menu
    .elementor-column:nth-child(3) img {

        width:
            47px !important;

        height:
            47px !important;

        max-width:
            47px !important;
    }


    .myslot-footer-menu a span,
    .myslot-footer-menu a strong,
    .myslot-footer-menu .elementor-heading-title {

        font-size:
            7.5px !important;
    }/* =========================================================
   MYSLOT FLOATING MENU
   แสดงติดด้านล่างหน้าจอตลอดเวลา
========================================================= */

.myslot-footer-menu {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;

    transform: translateX(-50%) !important;

    width: min(100%, 720px) !important;
    max-width: 720px !important;

    margin: 0 !important;

    z-index: 999999 !important;

    overflow-x: clip !important;
    overflow-y: visible !important;

    border-radius: 18px 18px 0 0 !important;

    box-shadow:
        0 -5px 25px rgba(0,0,0,.40),
        0 0 25px rgba(151,47,222,.25),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}


/* =========================================================
   ป้องกัน Elementor บังคับตำแหน่งกลับ
========================================================= */

.myslot-footer-menu.elementor-section,
.myslot-footer-menu.e-con {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;

    transform: translateX(-50%) !important;
}


/* =========================================================
   เว้นพื้นที่ด้านล่างเว็บ
   ป้องกันเมนูบังเนื้อหา
========================================================= */

body {
    padding-bottom: 115px !important;
}


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

@media (max-width: 1024px) {

    .myslot-footer-menu,
    .myslot-footer-menu.elementor-section,
    .myslot-footer-menu.e-con {

        position: fixed !important;

        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: 0 !important;

        transform: translateX(-50%) !important;

        width: min(100%, 680px) !important;
        max-width: 680px !important;

        z-index: 999999 !important;
    }

    body {
        padding-bottom: 105px !important;
    }
}


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

@media (max-width: 767px) {

    .myslot-footer-menu,
    .myslot-footer-menu.elementor-section,
    .myslot-footer-menu.e-con {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;

        transform: none !important;

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

        margin: 0 !important;

        padding-bottom:
            calc(6px + env(safe-area-inset-bottom)) !important;

        border-radius:
            15px 15px 0 0 !important;

        z-index: 999999 !important;
    }

    body {
        padding-bottom:
            calc(95px + env(safe-area-inset-bottom)) !important;
    }
}


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

@media (max-width: 390px) {

    .myslot-footer-menu {
        width: 100% !important;
        max-width: 100% !important;

        border-radius:
            12px 12px 0 0 !important;
    }

    body {
        padding-bottom:
            calc(88px + env(safe-area-inset-bottom)) !important;
    }
}

}


/* =========================================================
   OVERFLOW PROTECTION
========================================================= */

.myslot-footer-menu,
.myslot-footer-menu .elementor-container,
.myslot-footer-menu .elementor-row,
.myslot-footer-menu .elementor-column,
.myslot-footer-menu .elementor-column-wrap,
.myslot-footer-menu .elementor-widget-wrap {

    max-width:
        100% !important;
}


/* ห้ามเมนูสร้างแถบเลื่อนแนวนอน */

.myslot-footer-menu {

    overflow-x:
        clip !important;

    overflow-y:
        visible !important;
}/* End custom CSS */