.elementor-19 .elementor-element.elementor-element-284afc2{--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-19 .elementor-element.elementor-element-2b91bb5{--display:flex;border-style:solid;--border-style:solid;border-color:#00D4FF;--border-color:#00D4FF;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-2b91bb5:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-2b91bb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.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-19 .elementor-element.elementor-element-3cd96bf{text-align:center;}.elementor-19 .elementor-element.elementor-element-3cd96bf .elementor-heading-title{color:#00D4FF;}.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-19 .elementor-element.elementor-element-8aa6205{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-42958c6{--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;}.elementor-19 .elementor-element.elementor-element-a61fe85{--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-19 .elementor-element.elementor-element-4c4c833 img{border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-79d1d53{--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-19 .elementor-element.elementor-element-1363421 img{border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-c1cb3a3{--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-19 .elementor-element.elementor-element-673d3e7 img{border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-e3cf6de{--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;}.elementor-19 .elementor-element.elementor-element-a5a7aa4{--display:flex;--justify-content:space-evenly;border-style:solid;--border-style:solid;border-color:#00D4FF;--border-color:#00D4FF;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-a5a7aa4:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-a5a7aa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-19 .elementor-element.elementor-element-fd47191{text-align:center;}.elementor-19 .elementor-element.elementor-element-fd47191 .elementor-heading-title{color:#00D4FF;}.elementor-19 .elementor-element.elementor-element-7ee55d0{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-3b7426f{--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-19 .elementor-element.elementor-element-a6437d1 img{width:100%;border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-00b4aff{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-7646c94{--display:flex;border-style:solid;--border-style:solid;border-color:#00D4FF;--border-color:#00D4FF;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-7646c94:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-7646c94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-19 .elementor-element.elementor-element-9dd27b4{text-align:center;}.elementor-19 .elementor-element.elementor-element-9dd27b4 .elementor-heading-title{color:#00D4FF;}.elementor-19 .elementor-element.elementor-element-21a04e8{--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-19 .elementor-element.elementor-element-5990558 img{width:100%;border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-8d1ff86{--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;}.elementor-19 .elementor-element.elementor-element-f878759{--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-19 .elementor-element.elementor-element-4682da6 img{width:100%;border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-436a31f{--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-19 .elementor-element.elementor-element-91145d2 img{width:100%;border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-1ce54d0{--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-19 .elementor-element.elementor-element-4819941{--display:flex;border-style:solid;--border-style:solid;border-color:#00D4FF;--border-color:#00D4FF;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-4819941:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-4819941 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-19 .elementor-element.elementor-element-b909b23{text-align:center;}.elementor-19 .elementor-element.elementor-element-b909b23 .elementor-heading-title{color:#00D4FF;}.elementor-19 .elementor-element.elementor-element-57b12c8{--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;}.elementor-19 .elementor-element.elementor-element-d33440c{--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-19 .elementor-element.elementor-element-a265531 img{width:100%;border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-b053fe6{--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-19 .elementor-element.elementor-element-ef92598 img{width:100%;border-style:solid;border-color:#00D4FF;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-d4b45d1{--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-19 .elementor-element.elementor-element-a9e8ead{--display:flex;border-style:solid;--border-style:solid;border-color:#00D4FF;--border-color:#00D4FF;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-a9e8ead:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-a9e8ead > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-19 .elementor-element.elementor-element-5934fec{text-align:center;}.elementor-19 .elementor-element.elementor-element-5934fec .elementor-heading-title{color:#00D4FF;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-3b7426f{--justify-content:space-evenly;}.elementor-19 .elementor-element.elementor-element-a6437d1 img{width:100%;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-a61fe85{--width:33.33%;}.elementor-19 .elementor-element.elementor-element-79d1d53{--width:33.33%;}.elementor-19 .elementor-element.elementor-element-c1cb3a3{--width:33.33%;}.elementor-19 .elementor-element.elementor-element-a5a7aa4{--width:50%;}.elementor-19 .elementor-element.elementor-element-3b7426f{--width:50%;}.elementor-19 .elementor-element.elementor-element-f878759{--width:50%;}.elementor-19 .elementor-element.elementor-element-436a31f{--width:50%;}.elementor-19 .elementor-element.elementor-element-d33440c{--width:50%;}.elementor-19 .elementor-element.elementor-element-b053fe6{--width:50%;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-a61fe85{--width:50%;}.elementor-19 .elementor-element.elementor-element-79d1d53{--width:50%;}.elementor-19 .elementor-element.elementor-element-c1cb3a3{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2b91bb5 *//* 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-4c4c833 */<!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-a5a7aa4 *//* 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 heading, class: .elementor-element-9dd27b4 */.elementor-19 .elementor-element.elementor-element-9dd27b4 img {
    animation: flashImage 1s infinite;
}

@keyframes flashImage {
    0% { filter: brightness(100%); }
    50% { filter: brightness(200%) hue-rotate(90deg); } /* เพิ่มความสว่างและหมุนสีให้เป็นสีเขียว */
    100% { filter: brightness(100%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7646c94 *//* 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-4819941 *//* 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-a9e8ead *//* 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 */