.elementor-21 .elementor-element.elementor-element-60cec71{--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-21 .elementor-element.elementor-element-6fbd3b1{text-align:center;}.elementor-21 .elementor-element.elementor-element-6fbd3b1 img{width:100%;}.elementor-21 .elementor-element.elementor-element-2d6e0df{--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-21 .elementor-element.elementor-element-aae3622{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-50996e3{--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-21 .elementor-element.elementor-element-9843778{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-63abdef{--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-21 .elementor-element.elementor-element-51ce54e{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.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-21 .elementor-element.elementor-element-868cdb0{text-align:center;}.elementor-21 .elementor-element.elementor-element-868cdb0 a{color:#1FA220;}.elementor-21 .elementor-element.elementor-element-1c5adb8{--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-21 .elementor-element.elementor-element-a2896f8{text-align:center;}.elementor-21 .elementor-element.elementor-element-10be12e{--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-21 .elementor-element.elementor-element-83d7f95{--e-image-carousel-slides-to-show:6;}.elementor-21 .elementor-element.elementor-element-5e2bf6d{--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-21 .elementor-element.elementor-element-d2aa0a5{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-ddf7821{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-a73282d{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-3cc2099{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-97d2843{--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-21 .elementor-element.elementor-element-0eef706{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-ce3eb08{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-737f58d{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-5d66626{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-cb437c4{--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-21 .elementor-element.elementor-element-cab2b81{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-59036d5{--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-21 .elementor-element.elementor-element-cd3df1a{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-4fb2118{--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-21 .elementor-element.elementor-element-ae08e28{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-8050700{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-211a311{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-bd07452{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-382a164{--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-21 .elementor-element.elementor-element-8493f99{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-f2d1310{--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-21 .elementor-element.elementor-element-16b1d76{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-3ed5fac{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-29a78d1{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-b9c38fd{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-6d5494b{--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-21 .elementor-element.elementor-element-7d844cf{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-b2a68c6{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-608fefe{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-ebe9d5f{--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-21 .elementor-element.elementor-element-2e497b7{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-68930f1{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-33a4654 a{color:#1FA220;}.elementor-21 .elementor-element.elementor-element-1e5fa06{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-4bc6bda{--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;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-fa06cde{--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-21 .elementor-element.elementor-element-bfe7022{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-abac4eb{--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-21 .elementor-element.elementor-element-7de3d50{background-color:transparent;padding:9px 9px 9px 9px;background-image:linear-gradient(180deg, #FFFFFF 0%, #96FFB1 100%);border-radius:9px 9px 9px 9px;text-align:center;}.elementor-21 .elementor-element.elementor-element-7de3d50 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:43px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-ae771ea{--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-21 .elementor-element.elementor-element-c910150{--display:flex;}.elementor-21 .elementor-element.elementor-element-61000d0{--display:flex;}.elementor-21 .elementor-element.elementor-element-150118a{--display:flex;}.elementor-21 .elementor-element.elementor-element-0c27111{--display:flex;}.elementor-21 .elementor-element.elementor-element-0551c1a{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:9px 9px 9px 9px;--n-accordion-icon-size:15px;}.elementor-21 .elementor-element.elementor-element-0551c1a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:transparent;background-image:linear-gradient(180deg, #40FF58 0%, #FFFFFF 100%);}:where( .elementor-21 .elementor-element.elementor-element-0551c1a > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-9843778{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-83d7f95{--e-image-carousel-slides-to-show:5;}.elementor-21 .elementor-element.elementor-element-cab2b81{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-8493f99{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-bfe7022{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-60cec71{--content-width:1600px;}.elementor-21 .elementor-element.elementor-element-d2aa0a5{--width:50%;}.elementor-21 .elementor-element.elementor-element-ddf7821{--width:80%;}.elementor-21 .elementor-element.elementor-element-0eef706{--width:80%;}.elementor-21 .elementor-element.elementor-element-5d66626{--width:50%;}.elementor-21 .elementor-element.elementor-element-ae08e28{--width:50%;}.elementor-21 .elementor-element.elementor-element-8050700{--width:80%;}.elementor-21 .elementor-element.elementor-element-16b1d76{--width:80%;}.elementor-21 .elementor-element.elementor-element-b9c38fd{--width:50%;}.elementor-21 .elementor-element.elementor-element-7d844cf{--width:50%;}.elementor-21 .elementor-element.elementor-element-b2a68c6{--width:80%;}.elementor-21 .elementor-element.elementor-element-2e497b7{--width:80%;}.elementor-21 .elementor-element.elementor-element-4bc6bda{--width:50%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-9843778{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-83d7f95{--e-image-carousel-slides-to-show:2;}.elementor-21 .elementor-element.elementor-element-97d2843{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-21 .elementor-element.elementor-element-cab2b81{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-8493f99{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-f2d1310{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-21 .elementor-element.elementor-element-ebe9d5f{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-21 .elementor-element.elementor-element-bfe7022{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-10be12e */.elementor-21 .elementor-element.elementor-element-10be12e {
    overflow: hidden !important;
}

.elementor-21 .elementor-element.elementor-element-10be12e .elementor-image-carousel-wrapper,
.elementor-21 .elementor-element.elementor-element-10be12e .elementor-swiper,
.elementor-21 .elementor-element.elementor-element-10be12e .swiper,
.elementor-21 .elementor-element.elementor-element-10be12e .swiper-container {
    overflow: hidden !important;
}

.elementor-21 .elementor-element.elementor-element-10be12e .swiper-wrapper {
    overflow: visible !important;
}

.elementor-21 .elementor-element.elementor-element-10be12e .elementor-main-swiper {
    padding: 120px 0 !important;
    margin-top: -120px !important;
    margin-bottom: -120px !important;
}

.elementor-21 .elementor-element.elementor-element-10be12e .swiper-slide {
    opacity: 0.5;
    transform: none !important;
    transition: opacity 0.5s ease-in-out !important;
}

.elementor-21 .elementor-element.elementor-element-10be12e .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    transform: none !important;
    z-index: 99 !important;
}

.elementor-21 .elementor-element.elementor-element-10be12e .swiper-slide img {
    border-radius: 0px !important;
    aspect-ratio: auto !important;
    object-fit: fill !important;
}

/* เพิ่มการเรียงแสงและเลเยอร์ซ้อนกันของวงกลมด้านหลังให้หนาแน่น ดุดัน และแผ่รัศมีกว้างขึ้น */
.elementor-21 .elementor-element.elementor-element-10be12e .swiper-slide.swiper-slide-active ::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 95%;
    border-radius: 50% !important;
    z-index: -1;
    animation: greenHyperRoundGlow 2s infinite alternate ease-in-out;
}

@keyframes greenHyperRoundGlow {
    0% {
        box-shadow: 
            0 0 50px 10px rgba(57, 255, 20, 0.7),
            0 0 90px 20px rgba(0, 255, 140, 0.5),
            0 0 140px 30px rgba(57, 255, 20, 0.3),
            0 0 200px 40px rgba(0, 230, 115, 0.1);
    }
    50% {
        box-shadow: 
            0 0 90px 20px rgba(57, 255, 20, 0.9),
            0 0 150px 35px rgba(0, 255, 150, 0.7),
            0 0 220px 50px rgba(57, 255, 20, 0.5),
            0 0 300px 65px rgba(0, 230, 115, 0.3),
            0 0 400px 80px rgba(57, 255, 20, 0.15);
    }
    100% {
        box-shadow: 
            0 0 140px 35px rgba(57, 255, 20, 1),
            0 0 220px 55px rgba(0, 255, 150, 0.95),
            0 0 320px 75px rgba(57, 255, 20, 0.75),
            0 0 45px 15px rgba(255, 255, 255, 0.8), /* ลำแสงขาวแกนกลางเพิ่มความสว่าง */
            0 0 450px 100px rgba(0, 255, 140, 0.5),
            0 0 600px 150px rgba(57, 255, 20, 0.25);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c07aa1e *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-c07aa1e {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-c07aa1e:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-c07aa1e img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-c07aa1e:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3c9aa6f *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-3c9aa6f {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-3c9aa6f:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-3c9aa6f img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-3c9aa6f:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ad1ce2 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-3ad1ce2 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-3ad1ce2:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-3ad1ce2 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-3ad1ce2:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0ce9260 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-0ce9260 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-0ce9260:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-0ce9260 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-0ce9260:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-537e9ee *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-537e9ee {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-537e9ee:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-537e9ee img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-537e9ee:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f962ee5 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-f962ee5 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-f962ee5:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-f962ee5 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-f962ee5:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e5b7f5a *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-e5b7f5a {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-e5b7f5a:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-e5b7f5a img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-e5b7f5a:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-169dc7f *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-169dc7f {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-169dc7f:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-169dc7f img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-169dc7f:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e24cc66 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-e24cc66 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-e24cc66:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-e24cc66 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-e24cc66:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-57b4c35 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-57b4c35 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-57b4c35:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-57b4c35 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-57b4c35:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da1f5a5 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-da1f5a5 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-da1f5a5:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-da1f5a5 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-da1f5a5:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7c53f37 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-7c53f37 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-7c53f37:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-7c53f37 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-7c53f37:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-213ab15 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-213ab15 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-213ab15:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-213ab15 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-213ab15:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b1914f9 *//* 1. ตั้งค่าเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-b1914f9 {
    position: relative;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

/* 2. เอฟเฟกต์เมื่อเมาส์ชี้ + สั่งให้แอนิเมชันกะพริบทำงาน */
.elementor-21 .elementor-element.elementor-element-b1914f9:hover {
    transform: scale(1.02);
    animation: greenBreathing 1.5s infinite alternate; /* เล่นลูปกะพริบไปกลับ */
}

/* 3. โค้ดควบคุมจังหวะการกะพริบ ปรับเพิ่มเลเยอร์และการแผ่กระจายของแสงสีเขียวให้หนาแน่นและฟุ้งกว้างขึ้น */
@keyframes greenBreathing {
    0% {
        box-shadow: 0 0 20px rgba(57, 255, 20, 0.5), 
                    0 0 40px rgba(57, 255, 20, 0.3), 
                    0 0 60px rgba(57, 255, 20, 0.1);
    }
    100% {
        box-shadow: 0 0 35px rgba(57, 255, 20, 0.9), 
                    0 0 70px rgba(57, 255, 20, 0.6), 
                    0 0 100px rgba(57, 255, 20, 0.4), 
                    0 0 150px rgba(57, 255, 20, 0.2);
    }
}

.elementor-21 .elementor-element.elementor-element-b1914f9 img {
    transition: filter 0.4s ease !important;
}

.elementor-21 .elementor-element.elementor-element-b1914f9:hover img {
    filter: brightness(1.15); /* เพิ่มความสว่างของตัวรูปภาพขึ้นอีกเล็กน้อยเพื่อให้กลมกลืนกับวงแสงที่กว้างขึ้น */
}/* End custom CSS */