.elementor-228 .elementor-element.elementor-element-3b87716{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-228 .elementor-element.elementor-element-c7e6c40{text-align:center;}.elementor-228 .elementor-element.elementor-element-c7e6c40 .elementor-heading-title{text-shadow:0px 9px 10px #000000;color:#DC4600;}.elementor-228 .elementor-element.elementor-element-6c098b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-228 .elementor-element.elementor-element-7fc2526{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-228 .elementor-element.elementor-element-b2cd8f7 img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-8099d72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-b177b32 img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-3c283b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-d8e4a9f img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-b33b8e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-28a5dff img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-631ce1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-0271224{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#DC4600;--border-color:#DC4600;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-228 .elementor-element.elementor-element-0271224:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-0271224 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.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-228 .elementor-element.elementor-element-9382858{color:#FFFFFF;}.elementor-228 .elementor-element.elementor-element-392f4d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-5edbcea{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#DC4600;--border-color:#DC4600;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-228 .elementor-element.elementor-element-5edbcea:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-5edbcea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-228 .elementor-element.elementor-element-9eed6d7{text-align:center;}.elementor-228 .elementor-element.elementor-element-9eed6d7 .elementor-heading-title{color:#DC4600;}.elementor-228 .elementor-element.elementor-element-e67a34b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-746556b img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-e284875{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-9bf459c{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#DC4600;--border-color:#DC4600;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-228 .elementor-element.elementor-element-9bf459c:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-9bf459c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-228 .elementor-element.elementor-element-afe63da{text-align:center;}.elementor-228 .elementor-element.elementor-element-afe63da .elementor-heading-title{color:#DC4600;}.elementor-228 .elementor-element.elementor-element-fd7d48c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-f137a00{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#DC4600;--border-color:#DC4600;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-228 .elementor-element.elementor-element-f137a00:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-f137a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-228 .elementor-element.elementor-element-e8315fc{text-align:center;}.elementor-228 .elementor-element.elementor-element-e8315fc .elementor-heading-title{color:#DC4600;}.elementor-228 .elementor-element.elementor-element-abce079{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-228 .elementor-element.elementor-element-d2f4ae7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-a5c3ca2 img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-87fe07f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-ef3b2c9 img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-5ae9d41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-56cbf11 img{width:50%;border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-228 .elementor-element.elementor-element-c2fbdb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-228 .elementor-element.elementor-element-261ff4e{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#DC4600;--border-color:#DC4600;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-228 .elementor-element.elementor-element-261ff4e:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-261ff4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-228 .elementor-element.elementor-element-9e15c2f{text-align:center;}.elementor-228 .elementor-element.elementor-element-9e15c2f .elementor-heading-title{color:#DC4600;}@media(max-width:767px){.elementor-228 .elementor-element.elementor-element-56cbf11 img{width:100%;}}@media(min-width:768px){.elementor-228 .elementor-element.elementor-element-7fc2526{--width:50%;}.elementor-228 .elementor-element.elementor-element-8099d72{--width:50%;}.elementor-228 .elementor-element.elementor-element-3c283b8{--width:50%;}.elementor-228 .elementor-element.elementor-element-b33b8e1{--width:50%;}.elementor-228 .elementor-element.elementor-element-0271224{--width:100%;}.elementor-228 .elementor-element.elementor-element-5edbcea{--width:100%;}.elementor-228 .elementor-element.elementor-element-9bf459c{--width:100%;}.elementor-228 .elementor-element.elementor-element-f137a00{--width:100%;}.elementor-228 .elementor-element.elementor-element-d2f4ae7{--width:50%;}.elementor-228 .elementor-element.elementor-element-87fe07f{--width:50%;}.elementor-228 .elementor-element.elementor-element-5ae9d41{--width:100%;}.elementor-228 .elementor-element.elementor-element-261ff4e{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-c7e6c40 *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2cd8f7 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b177b32 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d8e4a9f */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28a5dff */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0271224 *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5edbcea *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-746556b */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bf459c *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f137a00 *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a5c3ca2 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ef3b2c9 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-56cbf11 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-261ff4e *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */