.elementor-21 .elementor-element.elementor-element-811ef0e{--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-a2a02f7{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-dad7143{--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-766856b{--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-86055e6{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-cc92538{text-align:center;}.elementor-21 .elementor-element.elementor-element-cc92538 a{color:#D400DB;}.elementor-21 .elementor-element.elementor-element-5afff46{--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-0f10b3d{text-align:center;}.elementor-21 .elementor-element.elementor-element-7a64d50{--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-0b98fd6{--e-image-carousel-slides-to-show:5;}.elementor-21 .elementor-element.elementor-element-bf3dc74{--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-c677468{--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-b503eb4{--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-8ee7253{text-align:center;}.elementor-21 .elementor-element.elementor-element-9612930{--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-4556f55{--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-f84e9e4{text-align:center;}.elementor-21 .elementor-element.elementor-element-0d59940{text-align:center;}.elementor-21 .elementor-element.elementor-element-282bd4f{--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-b5c86b8{--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-7bfe4fe{--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-c7c0fc7{--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-b0cc0ec{text-align:center;}.elementor-21 .elementor-element.elementor-element-42fc5c6{--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-5bd5f25{--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-8298b3d{--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-2d61a5d{text-align:center;}.elementor-21 .elementor-element.elementor-element-6e687fa{text-align:center;}.elementor-21 .elementor-element.elementor-element-df8a554{--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-fb2cb7d{--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-7ea257d{text-align:center;}.elementor-21 .elementor-element.elementor-element-2bd84de{--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-de32a9f{--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-d0dd654{--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-43f4ba7{--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-37d2b7c{text-align:center;}.elementor-21 .elementor-element.elementor-element-5139ce7 a{color:#D400DB;}.elementor-21 .elementor-element.elementor-element-d9ae42a{text-align:center;}.elementor-21 .elementor-element.elementor-element-ec2a64a{--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-fb241e6{--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-df1d0c6{--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-414b785{text-align:center;}.elementor-21 .elementor-element.elementor-element-4366ac3{text-align:center;}.elementor-21 .elementor-element.elementor-element-7de1a7a{--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-40928c3{--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-a223163{--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-45a9f2a{text-align:center;}.elementor-21 .elementor-element.elementor-element-45a9f2a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:44px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-e43846d{--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-7aa1dbe{--display:flex;}.elementor-21 .elementor-element.elementor-element-b72bc5b{--display:flex;}.elementor-21 .elementor-element.elementor-element-d59d42b{--display:flex;}.elementor-21 .elementor-element.elementor-element-8aa7070{--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-8aa7070 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:transparent;background-image:linear-gradient(180deg, #D16EFF 0%, #FFFFFF 100%);}:where( .elementor-21 .elementor-element.elementor-element-8aa7070 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-c677468{--width:50%;}.elementor-21 .elementor-element.elementor-element-b503eb4{--width:80%;}.elementor-21 .elementor-element.elementor-element-4556f55{--width:80%;}.elementor-21 .elementor-element.elementor-element-282bd4f{--width:50%;}.elementor-21 .elementor-element.elementor-element-5bd5f25{--width:50%;}.elementor-21 .elementor-element.elementor-element-8298b3d{--width:80%;}.elementor-21 .elementor-element.elementor-element-fb2cb7d{--width:80%;}.elementor-21 .elementor-element.elementor-element-2bd84de{--width:50%;}.elementor-21 .elementor-element.elementor-element-fb241e6{--width:50%;}.elementor-21 .elementor-element.elementor-element-df1d0c6{--width:80%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-0b98fd6{--e-image-carousel-slides-to-show:5;}.elementor-21 .elementor-element.elementor-element-7bfe4fe{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-d0dd654{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-40928c3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-0b98fd6{--e-image-carousel-slides-to-show:3;}.elementor-21 .elementor-element.elementor-element-9612930{--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-7bfe4fe{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-df8a554{--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-d0dd654{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-40928c3{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image-carousel, class: .elementor-element-0b98fd6 */<style>
/* สถานะปกติ */
.elementor-image-carousel-wrapper .swiper-slide img {
    transition: all 0.3s ease-in-out !important;
}

/* สถานะเมื่อเอาเมาส์ไปชี้: แสงม่วงนีออนแบบจัดเต็ม */
.elementor-image-carousel-wrapper .swiper-slide img:hover {
    filter: drop-shadow(0 0 10px rgba(160, 32, 240, 1)) 
            drop-shadow(0 0 30px rgba(138, 43, 226, 0.8)) !important;
}
</style>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7dda5a7 *//* 1. เปิดพื้นที่รอบนอกเพื่อให้แสงสีม่วงฟุ้งกระจายได้เต็มที่ ไม่โดนขอบกล่องตัดขาด */
.elementor-21 .elementor-element.elementor-element-7dda5a7 .elementor-image-carousel-wrapper,
.elementor-21 .elementor-element.elementor-element-7dda5a7 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-7dda5a7 .swiper-container {
    overflow: visible !important;
    padding-top: 25px !important;
    padding-bottom: 30px !important;
}

/* 2. ตั้งค่ารูปภาพเริ่มต้น พร้อมใส่คำสั่งควบคุมการขยับเคลื่อนไหว */
.elementor-21 .elementor-element.elementor-element-7dda5a7 img,
.elementor-21 .elementor-element.elementor-element-7dda5a7 .elementor-image-carousel img {
    border-radius: 14px !important; /* มุมโค้งมนดูพรีเมียม */
    border: 1px solid rgba(184, 38, 255, 0.3) !important; /* เส้นขอบม่วงบางๆ */
    
    /* มิติแสงเงาเริ่มต้น: เงาดำหนุนด้านล่าง + แสงเรืองม่วงรอบตัว */
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.5),
        0 0 15px rgba(184, 38, 255, 0.4),
        0 0 30px rgba(138, 43, 226, 0.15) !important;
        
    /* 🌟 หัวใจสำคัญ: ใช้เทคนิคเล่นแอนิเมชันแบบสโลว์โมชันให้นุ่มนวล ไม่กระตุกตา */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.5s ease, 
                filter 0.5s ease !important;
    will-change: transform, box-shadow; /* ช่วยให้เบราว์เซอร์ประมวลผลการขยับได้ลื่นไหลขึ้น */
}

/* 3. 🌟 EFFECT ON HOVER: เอฟเฟกต์การขยับและสาดแสงเมื่อเอาเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-7dda5a7:hover img,
.elementor-21 .elementor-element.elementor-element-7dda5a7 .elementor-image-carousel img:hover {
    border-color: #e5adff !important; /* ขอบสว่างวาบขึ้นเป็นสีม่วงพาสเทล */
    
    /* ⚡ คำสั่งขยับ: ยกตัวลอยขึ้น 6 พิกเซล และขยายขนาดขึ้นเล็กน้อยแบบหรูหรา (ปลอดภัย ไม่ดันของชิ้นอื่นพัง) */
    transform: translateY(-6px) scale(1.03) !important;
    
    /* ขยายมิติเงาและแสงเรืองสีม่วงให้ฟุ้งกว้างขึ้นตามระยะที่รูปภาพลอยขึ้นมา */
    box-shadow: 
        0 20px 35px rgba(0, 0, 0, 0.65),           /* เงาฐานลึกขึ้นเพราะรูปยกตัวลอยสูงขึ้น */
        0 0 25px rgba(184, 38, 255, 0.85),         /* แสงม่วงชั้นในสว่างขึ้น */
        0 0 55px rgba(138, 43, 226, 0.5),          /* แสงม่วงชั้นนอกฟุ้งกระจายกว้าง */
        inset 0 0 12px rgba(255, 255, 255, 0.25) !important; /* ประกายสะท้อนกระจกด้านในขอบรูป */
        
    filter: brightness(1.06) contrast(1.02) !important; /* เร่งสีสันและเนื้อภาพให้ดูสดใสมีชีวิตชีวา */
}

/* 4. คุมโทนจุดไข่ปลาด้านล่าง (Dots) ให้เป็นสีม่วงเข้าชุดกัน */
.elementor-21 .elementor-element.elementor-element-7dda5a7 .swiper-pagination-bullet-active {
    background: #b826ff !important;
    box-shadow: 0 0 8px #b826ff !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3f92ba7 *//* 1. เปิดพื้นที่รอบนอกเพื่อให้แสงสีม่วงฟุ้งกระจายได้เต็มที่ ไม่โดนขอบกล่องตัดขาด */
.elementor-21 .elementor-element.elementor-element-3f92ba7 .elementor-image-carousel-wrapper,
.elementor-21 .elementor-element.elementor-element-3f92ba7 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-3f92ba7 .swiper-container {
    overflow: visible !important;
    padding-top: 25px !important;
    padding-bottom: 30px !important;
}

/* 2. ตั้งค่ารูปภาพเริ่มต้น พร้อมใส่คำสั่งควบคุมการขยับเคลื่อนไหว */
.elementor-21 .elementor-element.elementor-element-3f92ba7 img,
.elementor-21 .elementor-element.elementor-element-3f92ba7 .elementor-image-carousel img {
    border-radius: 14px !important; /* มุมโค้งมนดูพรีเมียม */
    border: 1px solid rgba(184, 38, 255, 0.3) !important; /* เส้นขอบม่วงบางๆ */
    
    /* มิติแสงเงาเริ่มต้น: เงาดำหนุนด้านล่าง + แสงเรืองม่วงรอบตัว */
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.5),
        0 0 15px rgba(184, 38, 255, 0.4),
        0 0 30px rgba(138, 43, 226, 0.15) !important;
        
    /* 🌟 หัวใจสำคัญ: ใช้เทคนิคเล่นแอนิเมชันแบบสโลว์โมชันให้นุ่มนวล ไม่กระตุกตา */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.5s ease, 
                filter 0.5s ease !important;
    will-change: transform, box-shadow; /* ช่วยให้เบราว์เซอร์ประมวลผลการขยับได้ลื่นไหลขึ้น */
}

/* 3. 🌟 EFFECT ON HOVER: เอฟเฟกต์การขยับและสาดแสงเมื่อเอาเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-3f92ba7:hover img,
.elementor-21 .elementor-element.elementor-element-3f92ba7 .elementor-image-carousel img:hover {
    border-color: #e5adff !important; /* ขอบสว่างวาบขึ้นเป็นสีม่วงพาสเทล */
    
    /* ⚡ คำสั่งขยับ: ยกตัวลอยขึ้น 6 พิกเซล และขยายขนาดขึ้นเล็กน้อยแบบหรูหรา (ปลอดภัย ไม่ดันของชิ้นอื่นพัง) */
    transform: translateY(-6px) scale(1.03) !important;
    
    /* ขยายมิติเงาและแสงเรืองสีม่วงให้ฟุ้งกว้างขึ้นตามระยะที่รูปภาพลอยขึ้นมา */
    box-shadow: 
        0 20px 35px rgba(0, 0, 0, 0.65),           /* เงาฐานลึกขึ้นเพราะรูปยกตัวลอยสูงขึ้น */
        0 0 25px rgba(184, 38, 255, 0.85),         /* แสงม่วงชั้นในสว่างขึ้น */
        0 0 55px rgba(138, 43, 226, 0.5),          /* แสงม่วงชั้นนอกฟุ้งกระจายกว้าง */
        inset 0 0 12px rgba(255, 255, 255, 0.25) !important; /* ประกายสะท้อนกระจกด้านในขอบรูป */
        
    filter: brightness(1.06) contrast(1.02) !important; /* เร่งสีสันและเนื้อภาพให้ดูสดใสมีชีวิตชีวา */
}

/* 4. คุมโทนจุดไข่ปลาด้านล่าง (Dots) ให้เป็นสีม่วงเข้าชุดกัน */
.elementor-21 .elementor-element.elementor-element-3f92ba7 .swiper-pagination-bullet-active {
    background: #b826ff !important;
    box-shadow: 0 0 8px #b826ff !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6a5cc3c *//* 1. เปิดพื้นที่รอบนอกเพื่อให้แสงสีม่วงฟุ้งกระจายได้เต็มที่ ไม่โดนขอบกล่องตัดขาด */
.elementor-21 .elementor-element.elementor-element-6a5cc3c .elementor-image-carousel-wrapper,
.elementor-21 .elementor-element.elementor-element-6a5cc3c .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-6a5cc3c .swiper-container {
    overflow: visible !important;
    padding-top: 25px !important;
    padding-bottom: 30px !important;
}

/* 2. ตั้งค่ารูปภาพเริ่มต้น พร้อมใส่คำสั่งควบคุมการขยับเคลื่อนไหว */
.elementor-21 .elementor-element.elementor-element-6a5cc3c img,
.elementor-21 .elementor-element.elementor-element-6a5cc3c .elementor-image-carousel img {
    border-radius: 14px !important; /* มุมโค้งมนดูพรีเมียม */
    border: 1px solid rgba(184, 38, 255, 0.3) !important; /* เส้นขอบม่วงบางๆ */
    
    /* มิติแสงเงาเริ่มต้น: เงาดำหนุนด้านล่าง + แสงเรืองม่วงรอบตัว */
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.5),
        0 0 15px rgba(184, 38, 255, 0.4),
        0 0 30px rgba(138, 43, 226, 0.15) !important;
        
    /* 🌟 หัวใจสำคัญ: ใช้เทคนิคเล่นแอนิเมชันแบบสโลว์โมชันให้นุ่มนวล ไม่กระตุกตา */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.5s ease, 
                filter 0.5s ease !important;
    will-change: transform, box-shadow; /* ช่วยให้เบราว์เซอร์ประมวลผลการขยับได้ลื่นไหลขึ้น */
}

/* 3. 🌟 EFFECT ON HOVER: เอฟเฟกต์การขยับและสาดแสงเมื่อเอาเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-6a5cc3c:hover img,
.elementor-21 .elementor-element.elementor-element-6a5cc3c .elementor-image-carousel img:hover {
    border-color: #e5adff !important; /* ขอบสว่างวาบขึ้นเป็นสีม่วงพาสเทล */
    
    /* ⚡ คำสั่งขยับ: ยกตัวลอยขึ้น 6 พิกเซล และขยายขนาดขึ้นเล็กน้อยแบบหรูหรา (ปลอดภัย ไม่ดันของชิ้นอื่นพัง) */
    transform: translateY(-6px) scale(1.03) !important;
    
    /* ขยายมิติเงาและแสงเรืองสีม่วงให้ฟุ้งกว้างขึ้นตามระยะที่รูปภาพลอยขึ้นมา */
    box-shadow: 
        0 20px 35px rgba(0, 0, 0, 0.65),           /* เงาฐานลึกขึ้นเพราะรูปยกตัวลอยสูงขึ้น */
        0 0 25px rgba(184, 38, 255, 0.85),         /* แสงม่วงชั้นในสว่างขึ้น */
        0 0 55px rgba(138, 43, 226, 0.5),          /* แสงม่วงชั้นนอกฟุ้งกระจายกว้าง */
        inset 0 0 12px rgba(255, 255, 255, 0.25) !important; /* ประกายสะท้อนกระจกด้านในขอบรูป */
        
    filter: brightness(1.06) contrast(1.02) !important; /* เร่งสีสันและเนื้อภาพให้ดูสดใสมีชีวิตชีวา */
}

/* 4. คุมโทนจุดไข่ปลาด้านล่าง (Dots) ให้เป็นสีม่วงเข้าชุดกัน */
.elementor-21 .elementor-element.elementor-element-6a5cc3c .swiper-pagination-bullet-active {
    background: #b826ff !important;
    box-shadow: 0 0 8px #b826ff !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-87373ca *//* 1. เปิดพื้นที่รอบนอกเพื่อให้แสงสีม่วงฟุ้งกระจายได้เต็มที่ ไม่โดนขอบกล่องตัดขาด */
.elementor-21 .elementor-element.elementor-element-87373ca .elementor-image-carousel-wrapper,
.elementor-21 .elementor-element.elementor-element-87373ca .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-87373ca .swiper-container {
    overflow: visible !important;
    padding-top: 25px !important;
    padding-bottom: 30px !important;
}

/* 2. ตั้งค่ารูปภาพเริ่มต้น พร้อมใส่คำสั่งควบคุมการขยับเคลื่อนไหว */
.elementor-21 .elementor-element.elementor-element-87373ca img,
.elementor-21 .elementor-element.elementor-element-87373ca .elementor-image-carousel img {
    border-radius: 14px !important; /* มุมโค้งมนดูพรีเมียม */
    border: 1px solid rgba(184, 38, 255, 0.3) !important; /* เส้นขอบม่วงบางๆ */
    
    /* มิติแสงเงาเริ่มต้น: เงาดำหนุนด้านล่าง + แสงเรืองม่วงรอบตัว */
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.5),
        0 0 15px rgba(184, 38, 255, 0.4),
        0 0 30px rgba(138, 43, 226, 0.15) !important;
        
    /* 🌟 หัวใจสำคัญ: ใช้เทคนิคเล่นแอนิเมชันแบบสโลว์โมชันให้นุ่มนวล ไม่กระตุกตา */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.5s ease, 
                filter 0.5s ease !important;
    will-change: transform, box-shadow; /* ช่วยให้เบราว์เซอร์ประมวลผลการขยับได้ลื่นไหลขึ้น */
}

/* 3. 🌟 EFFECT ON HOVER: เอฟเฟกต์การขยับและสาดแสงเมื่อเอาเมาส์ไปชี้ */
.elementor-21 .elementor-element.elementor-element-87373ca:hover img,
.elementor-21 .elementor-element.elementor-element-87373ca .elementor-image-carousel img:hover {
    border-color: #e5adff !important; /* ขอบสว่างวาบขึ้นเป็นสีม่วงพาสเทล */
    
    /* ⚡ คำสั่งขยับ: ยกตัวลอยขึ้น 6 พิกเซล และขยายขนาดขึ้นเล็กน้อยแบบหรูหรา (ปลอดภัย ไม่ดันของชิ้นอื่นพัง) */
    transform: translateY(-6px) scale(1.03) !important;
    
    /* ขยายมิติเงาและแสงเรืองสีม่วงให้ฟุ้งกว้างขึ้นตามระยะที่รูปภาพลอยขึ้นมา */
    box-shadow: 
        0 20px 35px rgba(0, 0, 0, 0.65),           /* เงาฐานลึกขึ้นเพราะรูปยกตัวลอยสูงขึ้น */
        0 0 25px rgba(184, 38, 255, 0.85),         /* แสงม่วงชั้นในสว่างขึ้น */
        0 0 55px rgba(138, 43, 226, 0.5),          /* แสงม่วงชั้นนอกฟุ้งกระจายกว้าง */
        inset 0 0 12px rgba(255, 255, 255, 0.25) !important; /* ประกายสะท้อนกระจกด้านในขอบรูป */
        
    filter: brightness(1.06) contrast(1.02) !important; /* เร่งสีสันและเนื้อภาพให้ดูสดใสมีชีวิตชีวา */
}

/* 4. คุมโทนจุดไข่ปลาด้านล่าง (Dots) ให้เป็นสีม่วงเข้าชุดกัน */
.elementor-21 .elementor-element.elementor-element-87373ca .swiper-pagination-bullet-active {
    background: #b826ff !important;
    box-shadow: 0 0 8px #b826ff !important;
}/* End custom CSS */