.elementor-22 .elementor-element.elementor-element-28267799{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-5d9dc74e{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-22 .elementor-element.elementor-element-59597e94{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-22 .elementor-element.elementor-element-60ecb9e5{--display:flex;}.elementor-22 .elementor-element.elementor-element-d680e0d{text-align:center;}.elementor-22 .elementor-element.elementor-element-44c9ab4f{text-align:center;}.elementor-22 .elementor-element.elementor-element-31652c32{--display:flex;}.elementor-22 .elementor-element.elementor-element-44e8b57c{text-align:center;}.elementor-22 .elementor-element.elementor-element-27c46269{text-align:center;}.elementor-22 .elementor-element.elementor-element-94472b{--display:flex;}.elementor-22 .elementor-element.elementor-element-58e95043{--display:flex;}.elementor-22 .elementor-element.elementor-element-3b5184c4{text-align:center;}.elementor-22 .elementor-element.elementor-element-7cfe6654{text-align:center;}.elementor-22 .elementor-element.elementor-element-218d1c03{--display:flex;}.elementor-22 .elementor-element.elementor-element-13e1d09d{text-align:center;}.elementor-22 .elementor-element.elementor-element-3184e2ed{text-align:center;}.elementor-22 .elementor-element.elementor-element-6df79657{--display:flex;}.elementor-22 .elementor-element.elementor-element-9b507c3{text-align:center;}.elementor-22 .elementor-element.elementor-element-5b4b9dfd{text-align:center;}.elementor-22 .elementor-element.elementor-element-1448abb6{--display:flex;}.elementor-22 .elementor-element.elementor-element-2528de6d{text-align:center;}.elementor-22 .elementor-element.elementor-element-5d045f15{--display:flex;}.elementor-22 .elementor-element.elementor-element-6ae2e564{--display:flex;}.elementor-22 .elementor-element.elementor-element-472dca80{--display:flex;}.elementor-22 .elementor-element.elementor-element-4c8e795b{--display:flex;}.elementor-22 .elementor-element.elementor-element-5482dc27{--display:flex;}.elementor-22 .elementor-element.elementor-element-5c8183ab{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for image, class: .elementor-element-1f14ae02 *//* =========================================
   IMAGE LOGIN BUTTON - BLACK GOLD
   CSS Class: login-image-btn
========================================= */

.login-image-btn {
    position: relative;
    display: inline-block;
    border-radius: 999px;
    cursor: pointer;
    transition:
        transform .28s ease,
        filter .28s ease;
    animation: loginFloat 2.8s ease-in-out infinite;
}

/* ตัวรูปภาพ */
.login-image-btn img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 999px;

    filter:
        drop-shadow(0 5px 8px rgba(0,0,0,.45))
        drop-shadow(0 0 8px rgba(255,193,7,.35))
        drop-shadow(0 0 18px rgba(255,174,0,.22));

    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        filter .28s ease;
}

/* แสงทองรอบปุ่ม */
.login-image-btn::before {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    background: linear-gradient(
        110deg,
        transparent 20%,
        rgba(255,215,90,.15) 35%,
        rgba(255,238,160,.9) 48%,
        rgba(255,184,0,.5) 55%,
        transparent 72%
    );
    background-size: 250% 100%;
    opacity: .55;
    filter: blur(7px);
    z-index: -1;
    animation: loginGlowMove 2.5s linear infinite;
}

/* แสงวิ่งบนปุ่ม */
.login-image-btn::after {
    content: "";
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: -25%;
    width: 18%;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.85),
        rgba(255,220,120,.75),
        transparent
    );
    transform: skewX(-18deg);
    filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    animation: loginShine 3s ease-in-out infinite;
}

/* Hover */
.login-image-btn:hover {
    transform: translateY(-4px) scale(1.045);
}

.login-image-btn:hover img {
    filter:
        drop-shadow(0 8px 12px rgba(0,0,0,.5))
        drop-shadow(0 0 12px rgba(255,210,70,.65))
        drop-shadow(0 0 28px rgba(255,170,0,.45));
}

/* ตอนคลิก */
.login-image-btn:active {
    transform: translateY(0) scale(.97);
}

/* ลอยเบา ๆ */
@keyframes loginFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

/* Glow รอบปุ่ม */
@keyframes loginGlowMove {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -50% 0;
    }
}

/* แสงวิ่ง */
@keyframes loginShine {
    0%, 55% {
        left: -30%;
        opacity: 0;
    }

    60% {
        opacity: .8;
    }

    78% {
        left: 115%;
        opacity: .2;
    }

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

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

@media (max-width: 767px) {

    .login-image-btn {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .login-image-btn:hover {
        transform: scale(1.02);
    }
}

/* ลด animation สำหรับผู้ใช้ที่ตั้งค่า Reduce Motion */
@media (prefers-reduced-motion: reduce) {

    .login-image-btn,
    .login-image-btn::before,
    .login-image-btn::after {
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-5c8183ab *//* =========================================================
   ELEMENTOR ACCORDION — PREMIUM BLACK & GOLD
   CSS Class: gold-accordion
========================================================= */

.gold-accordion {
    width: 100%;
}


/* =========================================================
   ACCORDION ITEM
========================================================= */

.gold-accordion .e-n-accordion-item,
.gold-accordion .elementor-accordion-item {
    position: relative;

    margin-bottom: 12px !important;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #141414 0%,
            #090909 100%
        );

    border:
        1px solid rgba(212,175,55,.18) !important;

    border-radius:
        12px !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.25);

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


/* Hover */

.gold-accordion .e-n-accordion-item:hover,
.gold-accordion .elementor-accordion-item:hover {
    border-color:
        rgba(212,175,55,.42) !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.35),
        0 0 14px rgba(212,175,55,.07);
}


/* =========================================================
   TITLE / QUESTION
========================================================= */

.gold-accordion .e-n-accordion-item-title,
.gold-accordion .elementor-tab-title {
    position: relative;

    min-height: 58px;

    display: flex;
    align-items: center;

    padding:
        16px 20px !important;

    color:
        rgba(255,255,255,.92) !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025),
            transparent
        ) !important;

    border:
        0 !important;

    font-size:
        16px;

    font-weight:
        700;

    line-height:
        1.5;

    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease;
}


/* Hover Title */

.gold-accordion .e-n-accordion-item-title:hover,
.gold-accordion .elementor-tab-title:hover {
    color:
        #F5D76E !important;

    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.10),
            rgba(212,175,55,.015)
        ) !important;
}


/* =========================================================
   ACTIVE / OPEN
========================================================= */

/* Nested Accordion */

.gold-accordion
.e-n-accordion-item[open] {
    border-color:
        rgba(212,175,55,.48) !important;

    box-shadow:
        0 8px 25px rgba(0,0,0,.38),
        0 0 18px rgba(212,175,55,.08);
}


.gold-accordion
.e-n-accordion-item[open]
> .e-n-accordion-item-title {
    color:
        #F5D76E !important;

    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.14),
            rgba(212,175,55,.025)
        ) !important;
}


/* Classic Accordion */

.gold-accordion
.elementor-tab-title.elementor-active {
    color:
        #F5D76E !important;

    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.14),
            rgba(212,175,55,.025)
        ) !important;
}


/* =========================================================
   GOLD ACTIVE BAR
========================================================= */

.gold-accordion
.e-n-accordion-item[open]
> .e-n-accordion-item-title::before,

.gold-accordion
.elementor-tab-title.elementor-active::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 3px;
    height: 55%;

    transform:
        translateY(-50%);

    border-radius:
        0 8px 8px 0;

    background:
        linear-gradient(
            180deg,
            #F7DF87,
            #D4AF37
        );

    box-shadow:
        0 0 10px rgba(212,175,55,.45);
}


/* =========================================================
   CONTENT / ANSWER
========================================================= */

.gold-accordion .e-n-accordion-item-title + *,
.gold-accordion .elementor-tab-content {
    color:
        rgba(255,255,255,.74) !important;

    background:
        rgba(0,0,0,.20) !important;

    border:
        0 !important;

    border-top:
        1px solid rgba(212,175,55,.10) !important;

    padding:
        18px 20px 20px !important;

    font-size:
        15px;

    line-height:
        1.8;
}


/* Paragraph */

.gold-accordion .elementor-tab-content p {
    margin-top: 0;
    margin-bottom: 12px;
}


.gold-accordion .elementor-tab-content p:last-child {
    margin-bottom: 0;
}


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

.gold-accordion a {
    color:
        #E2B93E !important;

    text-decoration:
        none;

    transition:
        color .2s ease;
}


.gold-accordion a:hover {
    color:
        #F7DF87 !important;
}


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

.gold-accordion .e-n-accordion-item-title-icon,
.gold-accordion .elementor-accordion-icon {
    color:
        #D4AF37 !important;

    transition:
        transform .3s ease,
        color .3s ease;
}


/* Active Icon */

.gold-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon,

.gold-accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon {
    color:
        #F7DF87 !important;
}


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

@media (max-width: 767px) {

    .gold-accordion .e-n-accordion-item,
    .gold-accordion .elementor-accordion-item {
        margin-bottom:
            10px !important;

        border-radius:
            10px !important;
    }


    .gold-accordion .e-n-accordion-item-title,
    .gold-accordion .elementor-tab-title {
        min-height:
            54px;

        padding:
            14px 15px !important;

        font-size:
            14px;

        line-height:
            1.5;
    }


    .gold-accordion .e-n-accordion-item-title + *,
    .gold-accordion .elementor-tab-content {
        padding:
            15px 16px 17px !important;

        font-size:
            14px;

        line-height:
            1.75;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

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

    .gold-accordion *,
    .gold-accordion *::before,
    .gold-accordion *::after {
        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */