.elementor-64 .elementor-element.elementor-element-9d5edb3{--display:flex;--min-height:450px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-64 .elementor-element.elementor-element-9d5edb3:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-9d5edb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center right, #E0F2FE9C 0%, #FFFFFF 100%);}.elementor-64 .elementor-element.elementor-element-b66ba34{--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-64 .elementor-element.elementor-element-3659586 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;line-height:45px;color:#1E293B;}.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-64 .elementor-element.elementor-element-dcbb4be .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;line-height:25px;color:#475569;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-64 .elementor-element.elementor-element-6d16c78 .elementor-button{background-color:#10B981;font-family:"Noto Sans Thai", Sans-serif;font-weight:400;box-shadow:0px 0px 10px 0px rgba(16, 185, 129.00000000000003, 0.4);border-radius:30px 30px 30px 30px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-icon i{color:#10B981;transition:color 0.3s;}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-icon svg{fill:#10B981;transition:fill 0.3s;}.elementor-64 .elementor-element.elementor-element-3926f29{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item > a{font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:400;}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-text{transition:color 0.3s;}.elementor-64 .elementor-element.elementor-element-19bf0df{--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-64 .elementor-element.elementor-element-6ed9bec img{border-radius:6px 6px 6px 6px;}.elementor-64 .elementor-element.elementor-element-df9b142{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-64 .elementor-element.elementor-element-df9b142:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-df9b142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #F1F5F9 0%, #FFFFFF 100%);}.elementor-64 .elementor-element.elementor-element-17703ab{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-64 .elementor-element.elementor-element-4987700{text-align:center;}.elementor-64 .elementor-element.elementor-element-4987700 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:500;line-height:45px;color:#1E293B;}.elementor-64 .elementor-element.elementor-element-c563200{text-align:center;}.elementor-64 .elementor-element.elementor-element-c563200 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;line-height:25px;color:#475569;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-64 .elementor-element.elementor-element-758580d{--divider-border-style:solid;--divider-color:#10B981;--divider-border-width:1px;}.elementor-64 .elementor-element.elementor-element-758580d .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-64 .elementor-element.elementor-element-758580d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-64 .elementor-element.elementor-element-4e08d85{--display:flex;}.elementor-64 .elementor-element.elementor-element-0233c8b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-64 .elementor-element.elementor-element-1f0828d .elementor-icon-box-wrapper{gap:10px;}.elementor-64 .elementor-element.elementor-element-1f0828d .elementor-icon-box-title{margin-block-end:6px;color:#1E293B;}.elementor-64 .elementor-element.elementor-element-1f0828d.elementor-view-stacked .elementor-icon{background-color:#10B981;}.elementor-64 .elementor-element.elementor-element-1f0828d.elementor-view-framed .elementor-icon, .elementor-64 .elementor-element.elementor-element-1f0828d.elementor-view-default .elementor-icon{fill:#10B981;color:#10B981;border-color:#10B981;}.elementor-64 .elementor-element.elementor-element-1f0828d .elementor-icon-box-title, .elementor-64 .elementor-element.elementor-element-1f0828d .elementor-icon-box-title a{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;}.elementor-64 .elementor-element.elementor-element-1f0828d:has(:hover) .elementor-icon-box-title,
					 .elementor-64 .elementor-element.elementor-element-1f0828d:has(:focus) .elementor-icon-box-title{color:#1E293B;}.elementor-64 .elementor-element.elementor-element-1f0828d .elementor-icon-box-description{font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#475569;}.elementor-64 .elementor-element.elementor-element-26b5c66 .elementor-icon-box-wrapper{gap:10px;}.elementor-64 .elementor-element.elementor-element-26b5c66 .elementor-icon-box-title{margin-block-end:6px;color:#1E293B;}.elementor-64 .elementor-element.elementor-element-26b5c66.elementor-view-stacked .elementor-icon{background-color:#10B981;}.elementor-64 .elementor-element.elementor-element-26b5c66.elementor-view-framed .elementor-icon, .elementor-64 .elementor-element.elementor-element-26b5c66.elementor-view-default .elementor-icon{fill:#10B981;color:#10B981;border-color:#10B981;}.elementor-64 .elementor-element.elementor-element-26b5c66 .elementor-icon-box-title, .elementor-64 .elementor-element.elementor-element-26b5c66 .elementor-icon-box-title a{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;}.elementor-64 .elementor-element.elementor-element-26b5c66:has(:hover) .elementor-icon-box-title,
					 .elementor-64 .elementor-element.elementor-element-26b5c66:has(:focus) .elementor-icon-box-title{color:#1E293B;}.elementor-64 .elementor-element.elementor-element-26b5c66 .elementor-icon-box-description{font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#475569;}.elementor-64 .elementor-element.elementor-element-a700653 .elementor-icon-box-wrapper{gap:10px;}.elementor-64 .elementor-element.elementor-element-a700653 .elementor-icon-box-title{margin-block-end:6px;color:#1E293B;}.elementor-64 .elementor-element.elementor-element-a700653.elementor-view-stacked .elementor-icon{background-color:#10B981;}.elementor-64 .elementor-element.elementor-element-a700653.elementor-view-framed .elementor-icon, .elementor-64 .elementor-element.elementor-element-a700653.elementor-view-default .elementor-icon{fill:#10B981;color:#10B981;border-color:#10B981;}.elementor-64 .elementor-element.elementor-element-a700653 .elementor-icon-box-title, .elementor-64 .elementor-element.elementor-element-a700653 .elementor-icon-box-title a{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;}.elementor-64 .elementor-element.elementor-element-a700653:has(:hover) .elementor-icon-box-title,
					 .elementor-64 .elementor-element.elementor-element-a700653:has(:focus) .elementor-icon-box-title{color:#1E293B;}.elementor-64 .elementor-element.elementor-element-a700653 .elementor-icon-box-description{font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#475569;}.elementor-64 .elementor-element.elementor-element-5f014a6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-64 .elementor-element.elementor-element-5f014a6:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-5f014a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #F1F5F9 0%, #FFFFFF 100%);}.elementor-64 .elementor-element.elementor-element-517296f{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-64 .elementor-element.elementor-element-b18bbd8{text-align:center;}.elementor-64 .elementor-element.elementor-element-b18bbd8 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:500;line-height:45px;color:#1E293B;}.elementor-64 .elementor-element.elementor-element-7b6a574{text-align:center;}.elementor-64 .elementor-element.elementor-element-7b6a574 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;line-height:25px;color:#475569;}.elementor-64 .elementor-element.elementor-element-fcaf79a{--divider-border-style:solid;--divider-color:#10B981;--divider-border-width:1px;}.elementor-64 .elementor-element.elementor-element-fcaf79a .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-64 .elementor-element.elementor-element-fcaf79a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-64 .elementor-element.elementor-element-b90a619{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64 .elementor-element.elementor-element-4fab4cf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;}.elementor-64 .elementor-element.elementor-element-3420d1c{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-64 .elementor-element.elementor-element-da1bc02{--e-rating-justify-content:center;--e-rating-icon-marked-color:#F59E0B;}.elementor-64 .elementor-element.elementor-element-353e3be{text-align:center;}.elementor-64 .elementor-element.elementor-element-353e3be .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:400;font-style:italic;line-height:25px;color:#475569;}.elementor-64 .elementor-element.elementor-element-370233f{text-align:center;}.elementor-64 .elementor-element.elementor-element-370233f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:600;line-height:25px;color:#475569;}.elementor-64 .elementor-element.elementor-element-b48149c{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-64 .elementor-element.elementor-element-7ea5b91{--e-rating-justify-content:center;--e-rating-icon-marked-color:#F59E0B;}.elementor-64 .elementor-element.elementor-element-09a9d37{text-align:center;}.elementor-64 .elementor-element.elementor-element-09a9d37 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:400;font-style:italic;line-height:25px;color:#475569;}.elementor-64 .elementor-element.elementor-element-15b52d0{text-align:center;}.elementor-64 .elementor-element.elementor-element-15b52d0 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:600;line-height:25px;color:#475569;}.elementor-64 .elementor-element.elementor-element-fae0cac{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-64 .elementor-element.elementor-element-b176dfc{--e-rating-justify-content:center;--e-rating-icon-marked-color:#F59E0B;}.elementor-64 .elementor-element.elementor-element-d867997{text-align:center;}.elementor-64 .elementor-element.elementor-element-d867997 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:400;font-style:italic;line-height:25px;color:#475569;}.elementor-64 .elementor-element.elementor-element-ae736d1{text-align:center;}.elementor-64 .elementor-element.elementor-element-ae736d1 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:16px;font-weight:600;line-height:25px;color:#475569;}@media(max-width:1024px){.elementor-64 .elementor-element.elementor-element-9d5edb3{--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-64 .elementor-element.elementor-element-0233c8b{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-64 .elementor-element.elementor-element-4fab4cf{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-64 .elementor-element.elementor-element-9d5edb3{--min-height:333px;}.elementor-64 .elementor-element.elementor-element-3659586 .elementor-heading-title{font-size:28px;line-height:30px;}.elementor-64 .elementor-element.elementor-element-704bce6 img{border-radius:6px 6px 6px 6px;}.elementor-64 .elementor-element.elementor-element-3926f29{padding:0px 0px 0px 0px;--e-icon-list-icon-size:16px;}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-64 .elementor-element.elementor-element-4987700 .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-64 .elementor-element.elementor-element-0233c8b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-64 .elementor-element.elementor-element-b18bbd8 .elementor-heading-title{font-size:23px;line-height:38px;}.elementor-64 .elementor-element.elementor-element-4fab4cf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-64 .elementor-element.elementor-element-b66ba34{--width:50%;}.elementor-64 .elementor-element.elementor-element-19bf0df{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-64 .elementor-element.elementor-element-b66ba34{--width:100%;}.elementor-64 .elementor-element.elementor-element-19bf0df{--width:100%;}}/* Start custom CSS for icon-list, class: .elementor-element-3926f29 *//* สร้างกรอบแคปซูลให้แต่ละไอเทม */
.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item {
    background: rgba(16, 185, 129, 0.08); /* พื้นหลังสีเขียวอ่อนๆ (Soft Emerald) */
    padding: 6px 16px;
    border-radius: 50px; /* ขอบมนเป็นแคปซูล */
    border: 1px solid rgba(16, 185, 129, 0.15);
    transition: all 0.3s ease;
    cursor: default;
    /* เพิ่ม 2 บรรทัดนี้เข้าไปครับ */
    margin-right: 5px; /* เพิ่มระยะห่างแนวนอน (สำหรับตอนที่เรียงบน Desktop) */
    margin-bottom: 5px; /* เพิ่มระยะห่างแนวตั้ง (สำหรับตอนที่ซ้อนกันบน Mobile) */
}

/* เอฟเฟคเมื่อเอาเมาส์ชี้ (Hover) ให้ป้ายลอยขึ้นเบาๆ */
.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12);
    background: rgba(16, 185, 129, 0.12);
}
/* 1. สร้าง Keyframe สำหรับการเต้นและเปล่งแสง */
@keyframes pulse-star {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.3); opacity: 1; filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.8)); }
    100% { transform: scale(1); opacity: 0.8; }
}

/* 2. บังคับเอฟเฟคให้เจาะจงไปที่ "ไอคอน" ของลิสต์ตัวที่ 3 */
.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon {
    animation: pulse-star 1.5s infinite ease-in-out; /* ปรับให้เต้นเร็วขึ้นนิดนึงจะได้สังเกตง่าย */
    transform-origin: center;
}

/* 3. บังคับให้ดาวเป็นสีเหลืองทอง (รองรับทั้ง Font Icon และ SVG) */
.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon i,
.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon svg,
.elementor-64 .elementor-element.elementor-element-3926f29 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon svg path {
    fill: #F59E0B !important; 
    color: #F59E0B !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f0828d *//* 1. สร้างพื้นผิวกระจกและการจัดช่องไฟ */
.elementor-64 .elementor-element.elementor-element-1f0828d {
    background: rgba(255, 255, 255, 0.65); /* สีขาวโปร่งแสง */
    backdrop-filter: blur(16px); /* ความเบลอของกระจก */
    -webkit-backdrop-filter: blur(16px);
    padding: 40px 25px; /* ระยะห่างข้อความกับขอบการ์ด */
    border-radius: 24px; /* ขอบมน */
    border: 1px solid rgba(255, 255, 255, 0.8); /* แสงสะท้อนขอบกระจก */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04); /* เงาฟุ้งๆ ดรอปลงพื้น */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 100%;
}

/* 2. เอฟเฟคเมื่อเอาเมาส์ชี้ (Hover) - ให้การ์ดลอยขึ้นและมีแสงสีเขียวอ่อนๆ สะท้อน */
.elementor-64 .elementor-element.elementor-element-1f0828d:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(16, 185, 129, 0.12); /* เงาสี Emerald Green */
    border-color: rgba(16, 185, 129, 0.4);
    background: rgba(255, 255, 255, 0.85); /* สว่างขึ้นนิดนึงตอน Hover */
}
/* 1. โครงสร้างการ์ดกระจก (รับประกันว่าเด้งแน่นอนถ้าพื้นหลังไม่ใช่สีขาวล้วน) */
.elementor-64 .elementor-element.elementor-element-1f0828d {
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 1); /* ขอบสว่างให้ดูเป็นกระจก */
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* เงาบางๆ ตอนปกติ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* โค้งการเด้งแบบสมูท */
}

/* 2. เมื่อเอาเมาส์ชี้ (Hover) ให้การ์ดลอยขึ้นและมีเงาสีเขียว */
.elementor-64 .elementor-element.elementor-element-1f0828d:hover {
    transform: translateY(-12px); /* ลอยขึ้นบน */
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.12); /* เงาสี Emerald ฟุ้งๆ */
    border-color: rgba(16, 185, 129, 0.3); /* ขอบเปลี่ยนเป็นสีเขียวอ่อน */
}

/* 3. ลูกเล่นให้ไอคอนขยายตัวนิดๆ เมื่อชี้เมาส์ที่การ์ด */
.elementor-64 .elementor-element.elementor-element-1f0828d .elementor-icon {
    transition: transform 0.3s ease;
}
.elementor-64 .elementor-element.elementor-element-1f0828d:hover .elementor-icon {
    transform: scale(1.15) rotate(3deg); /* ไอคอนใหญ่ขึ้นและเอียงนิดๆ ให้ดูมีชีวิตชีวา */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-26b5c66 *//* 1. สร้างพื้นผิวกระจกและการจัดช่องไฟ */
.elementor-64 .elementor-element.elementor-element-26b5c66 {
    background: rgba(255, 255, 255, 0.65); /* สีขาวโปร่งแสง */
    backdrop-filter: blur(16px); /* ความเบลอของกระจก */
    -webkit-backdrop-filter: blur(16px);
    padding: 40px 25px; /* ระยะห่างข้อความกับขอบการ์ด */
    border-radius: 24px; /* ขอบมน */
    border: 1px solid rgba(255, 255, 255, 0.8); /* แสงสะท้อนขอบกระจก */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04); /* เงาฟุ้งๆ ดรอปลงพื้น */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 100%;
}

/* 2. เอฟเฟคเมื่อเอาเมาส์ชี้ (Hover) - ให้การ์ดลอยขึ้นและมีแสงสีเขียวอ่อนๆ สะท้อน */
.elementor-64 .elementor-element.elementor-element-26b5c66:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(16, 185, 129, 0.12); /* เงาสี Emerald Green */
    border-color: rgba(16, 185, 129, 0.4);
    background: rgba(255, 255, 255, 0.85); /* สว่างขึ้นนิดนึงตอน Hover */
}
/* 1. โครงสร้างการ์ดกระจก (รับประกันว่าเด้งแน่นอนถ้าพื้นหลังไม่ใช่สีขาวล้วน) */
.elementor-64 .elementor-element.elementor-element-26b5c66 {
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 1); /* ขอบสว่างให้ดูเป็นกระจก */
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* เงาบางๆ ตอนปกติ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* โค้งการเด้งแบบสมูท */
}

/* 2. เมื่อเอาเมาส์ชี้ (Hover) ให้การ์ดลอยขึ้นและมีเงาสีเขียว */
.elementor-64 .elementor-element.elementor-element-26b5c66:hover {
    transform: translateY(-12px); /* ลอยขึ้นบน */
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.12); /* เงาสี Emerald ฟุ้งๆ */
    border-color: rgba(16, 185, 129, 0.3); /* ขอบเปลี่ยนเป็นสีเขียวอ่อน */
}

/* 3. ลูกเล่นให้ไอคอนขยายตัวนิดๆ เมื่อชี้เมาส์ที่การ์ด */
.elementor-64 .elementor-element.elementor-element-26b5c66 .elementor-icon {
    transition: transform 0.3s ease;
}
.elementor-64 .elementor-element.elementor-element-26b5c66:hover .elementor-icon {
    transform: scale(1.15) rotate(3deg); /* ไอคอนใหญ่ขึ้นและเอียงนิดๆ ให้ดูมีชีวิตชีวา */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a700653 *//* 1. สร้างพื้นผิวกระจกและการจัดช่องไฟ */
.elementor-64 .elementor-element.elementor-element-a700653 {
    background: rgba(255, 255, 255, 0.65); /* สีขาวโปร่งแสง */
    backdrop-filter: blur(16px); /* ความเบลอของกระจก */
    -webkit-backdrop-filter: blur(16px);
    padding: 40px 25px; /* ระยะห่างข้อความกับขอบการ์ด */
    border-radius: 24px; /* ขอบมน */
    border: 1px solid rgba(255, 255, 255, 0.8); /* แสงสะท้อนขอบกระจก */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04); /* เงาฟุ้งๆ ดรอปลงพื้น */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 100%;
}

/* 2. เอฟเฟคเมื่อเอาเมาส์ชี้ (Hover) - ให้การ์ดลอยขึ้นและมีแสงสีเขียวอ่อนๆ สะท้อน */
.elementor-64 .elementor-element.elementor-element-a700653:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(16, 185, 129, 0.12); /* เงาสี Emerald Green */
    border-color: rgba(16, 185, 129, 0.4);
    background: rgba(255, 255, 255, 0.85); /* สว่างขึ้นนิดนึงตอน Hover */
}
/* 1. โครงสร้างการ์ดกระจก (รับประกันว่าเด้งแน่นอนถ้าพื้นหลังไม่ใช่สีขาวล้วน) */
.elementor-64 .elementor-element.elementor-element-a700653 {
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 1); /* ขอบสว่างให้ดูเป็นกระจก */
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* เงาบางๆ ตอนปกติ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* โค้งการเด้งแบบสมูท */
}

/* 2. เมื่อเอาเมาส์ชี้ (Hover) ให้การ์ดลอยขึ้นและมีเงาสีเขียว */
.elementor-64 .elementor-element.elementor-element-a700653:hover {
    transform: translateY(-12px); /* ลอยขึ้นบน */
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.12); /* เงาสี Emerald ฟุ้งๆ */
    border-color: rgba(16, 185, 129, 0.3); /* ขอบเปลี่ยนเป็นสีเขียวอ่อน */
}

/* 3. ลูกเล่นให้ไอคอนขยายตัวนิดๆ เมื่อชี้เมาส์ที่การ์ด */
.elementor-64 .elementor-element.elementor-element-a700653 .elementor-icon {
    transition: transform 0.3s ease;
}
.elementor-64 .elementor-element.elementor-element-a700653:hover .elementor-icon {
    transform: scale(1.15) rotate(3deg); /* ไอคอนใหญ่ขึ้นและเอียงนิดๆ ให้ดูมีชีวิตชีวา */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3420d1c *//* 1. สร้างพื้นผิวกระจกให้การ์ดรีวิว */
.elementor-64 .elementor-element.elementor-element-3420d1c {
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 40px 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden; /* ป้องกันลายน้ำล้นขอบ */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 2. เอฟเฟค Hover เบาๆ */
.elementor-64 .elementor-element.elementor-element-3420d1c:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08);
}

/* 3. ลายน้ำเครื่องหมาย Quote (ฟันหนู) ที่มุมขวาบน */
.elementor-64 .elementor-element.elementor-element-3420d1c::after {
    content: '\201D'; /* โค้ดสำหรับเครื่องหมาย Right Double Quote */
    position: absolute;
    top: -20px;
    right: 20px;
    font-size: 150px;
    color: rgba(16, 185, 129, 0.05); /* สีเขียวจางๆ มากๆ */
    font-family: serif;
    line-height: 1;
    pointer-events: none; /* ไม่ให้กวนการคลิก */
}
/* เพิ่มความสมูทให้กับการ์ด */
.elementor-64 .elementor-element.elementor-element-3420d1c {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* ตั้งค่าให้ลายน้ำขยับได้แบบสมูท */
.elementor-64 .elementor-element.elementor-element-3420d1c::after {
    transition: all 0.4s ease;
}

/* เมื่อ Hover ที่การ์ด ลายน้ำจะขยายขนาดนิดนึง เอียงเบาๆ และเปลี่ยนเป็นสีเขียว */
.elementor-64 .elementor-element.elementor-element-3420d1c:hover::after {
    transform: scale(1.1) rotate(5deg);
    color: rgba(16, 185, 129, 0.15); 
}

/* เอฟเฟคลอยตัวและเปลี่ยนสีขอบ/เงา เมื่อ Hover */
.elementor-64 .elementor-element.elementor-element-3420d1c:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08); /* เงาสีเขียวจางๆ */
    border-color: rgba(16, 185, 129, 0.3); /* ขอบกระจกเปลี่ยนเป็นสีเขียวอ่อน */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b48149c *//* 1. สร้างพื้นผิวกระจกให้การ์ดรีวิว */
.elementor-64 .elementor-element.elementor-element-b48149c {
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 40px 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden; /* ป้องกันลายน้ำล้นขอบ */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 2. เอฟเฟค Hover เบาๆ */
.elementor-64 .elementor-element.elementor-element-b48149c:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08);
}

/* 3. ลายน้ำเครื่องหมาย Quote (ฟันหนู) ที่มุมขวาบน */
.elementor-64 .elementor-element.elementor-element-b48149c::after {
    content: '\201D'; /* โค้ดสำหรับเครื่องหมาย Right Double Quote */
    position: absolute;
    top: -20px;
    right: 20px;
    font-size: 150px;
    color: rgba(16, 185, 129, 0.05); /* สีเขียวจางๆ มากๆ */
    font-family: serif;
    line-height: 1;
    pointer-events: none; /* ไม่ให้กวนการคลิก */
}
/* เพิ่มความสมูทให้กับการ์ด */
.elementor-64 .elementor-element.elementor-element-b48149c {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* เอฟเฟคลอยตัวและเปลี่ยนสีขอบ/เงา เมื่อ Hover */
.elementor-64 .elementor-element.elementor-element-b48149c:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08); /* เงาสีเขียวจางๆ */
    border-color: rgba(16, 185, 129, 0.3); /* ขอบกระจกเปลี่ยนเป็นสีเขียวอ่อน */
}
/* ตั้งค่าให้ลายน้ำขยับได้แบบสมูท */
.elementor-64 .elementor-element.elementor-element-b48149c::after {
    transition: all 0.4s ease;
}

/* เมื่อ Hover ที่การ์ด ลายน้ำจะขยายขนาดนิดนึง เอียงเบาๆ และเปลี่ยนเป็นสีเขียว */
.elementor-64 .elementor-element.elementor-element-b48149c:hover::after {
    transform: scale(1.1) rotate(5deg);
    color: rgba(16, 185, 129, 0.15); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fae0cac *//* 1. สร้างพื้นผิวกระจกให้การ์ดรีวิว */
.elementor-64 .elementor-element.elementor-element-fae0cac {
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 40px 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden; /* ป้องกันลายน้ำล้นขอบ */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 2. เอฟเฟค Hover เบาๆ */
.elementor-64 .elementor-element.elementor-element-fae0cac:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08);
}

/* 3. ลายน้ำเครื่องหมาย Quote (ฟันหนู) ที่มุมขวาบน */
.elementor-64 .elementor-element.elementor-element-fae0cac::after {
    content: '\201D'; /* โค้ดสำหรับเครื่องหมาย Right Double Quote */
    position: absolute;
    top: -20px;
    right: 20px;
    font-size: 150px;
    color: rgba(16, 185, 129, 0.05); /* สีเขียวจางๆ มากๆ */
    font-family: serif;
    line-height: 1;
    pointer-events: none; /* ไม่ให้กวนการคลิก */
}
/* เพิ่มความสมูทให้กับการ์ด */
.elementor-64 .elementor-element.elementor-element-fae0cac {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* เอฟเฟคลอยตัวและเปลี่ยนสีขอบ/เงา เมื่อ Hover */
.elementor-64 .elementor-element.elementor-element-fae0cac:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08); /* เงาสีเขียวจางๆ */
    border-color: rgba(16, 185, 129, 0.3); /* ขอบกระจกเปลี่ยนเป็นสีเขียวอ่อน */
}
/* ตั้งค่าให้ลายน้ำขยับได้แบบสมูท */
.elementor-64 .elementor-element.elementor-element-fae0cac::after {
    transition: all 0.4s ease;
}

/* เมื่อ Hover ที่การ์ด ลายน้ำจะขยายขนาดนิดนึง เอียงเบาๆ และเปลี่ยนเป็นสีเขียว */
.elementor-64 .elementor-element.elementor-element-fae0cac:hover::after {
    transform: scale(1.1) rotate(5deg);
    color: rgba(16, 185, 129, 0.15); 
}/* End custom CSS */