.elementor-233 .elementor-element.elementor-element-54b85066{--display:flex;--border-radius:8px 8px 8px 8px;}.elementor-233 .elementor-element.elementor-element-4ea0dad2{--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-233 .elementor-element.elementor-element-76a6f17a{--display:flex;--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:4px 4px;--row-gap:4px;--column-gap:4px;}.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-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-233 .elementor-element.elementor-element-6d4c739a{--grid-columns:1;--grid-row-gap:0px;}.elementor-233 .elementor-element.elementor-element-13d9ec61{--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-233 .elementor-element.elementor-element-75644d2b{--display:flex;--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:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-233 .elementor-element.elementor-element-492088f4{--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-233 .elementor-element.elementor-element-2766ef58{--display:flex;--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:4px 4px;--row-gap:4px;--column-gap:4px;}@media(max-width:1024px){.elementor-233 .elementor-element.elementor-element-6d4c739a{--grid-columns:2;}}@media(max-width:767px){.elementor-233 .elementor-element.elementor-element-6d4c739a{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4ea0dad2 *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-233 .elementor-element.elementor-element-4ea0dad2 {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  background: rgba(255, 255, 255, 0.05) !important; 
  
  /* เพิ่มเอฟเฟกต์กระจกฝ้า (Backdrop Blur) ให้ชัดขึ้น */
  backdrop-filter: blur(20px) saturate(160%) brightness(1.1) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) brightness(1.1) !important;
  
  /* ขอบเส้นโปร่งแสงสีขาวละมุน ให้ความรู้สึกเหมือนขอบกระจก */
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* เน้นขอบบนให้สว่างรับแสง */
  border-radius: 16px !important;
  
  /* แสงฟุ้งสีขาวซ่อนอยู่ข้างในการ์ด (Inset Glow) + เงาด้านนอก */
  box-shadow: 
    inset 0 1px 1px 0 rgba(255, 255, 255, 0.2),
    0 8px 32px 0 rgba(0, 0, 0, 0.4) !important;
  
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* เอฟเฟกต์เมื่อ Hover (นำเมาส์ไปชี้) */
.elementor-233 .elementor-element.elementor-element-4ea0dad2:hover {
  /* เพิ่มความสว่างและสว่างฟุ้งเมื่อเอาเมาส์ชี้ */
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  
  box-shadow: 
    inset 0 1px 2px 0 rgba(255, 255, 255, 0.4),
    0 12px 40px 0 rgba(0, 0, 0, 0.5) !important;
    
  transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d9ec61 *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-233 .elementor-element.elementor-element-13d9ec61 {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  background: rgba(255, 255, 255, 0.05) !important; 
  
  /* เพิ่มเอฟเฟกต์กระจกฝ้า (Backdrop Blur) ให้ชัดขึ้น */
  backdrop-filter: blur(20px) saturate(160%) brightness(1.1) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) brightness(1.1) !important;
  
  /* ขอบเส้นโปร่งแสงสีขาวละมุน ให้ความรู้สึกเหมือนขอบกระจก */
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* เน้นขอบบนให้สว่างรับแสง */
  border-radius: 16px !important;
  
  /* แสงฟุ้งสีขาวซ่อนอยู่ข้างในการ์ด (Inset Glow) + เงาด้านนอก */
  box-shadow: 
    inset 0 1px 1px 0 rgba(255, 255, 255, 0.2),
    0 8px 32px 0 rgba(0, 0, 0, 0.4) !important;
  
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* เอฟเฟกต์เมื่อ Hover (นำเมาส์ไปชี้) */
.elementor-233 .elementor-element.elementor-element-13d9ec61:hover {
  /* เพิ่มความสว่างและสว่างฟุ้งเมื่อเอาเมาส์ชี้ */
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  
  box-shadow: 
    inset 0 1px 2px 0 rgba(255, 255, 255, 0.4),
    0 12px 40px 0 rgba(0, 0, 0, 0.5) !important;
    
  transform: translateY(-4px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-492088f4 *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-233 .elementor-element.elementor-element-492088f4 {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  background: rgba(255, 255, 255, 0.05) !important; 
  
  /* เพิ่มเอฟเฟกต์กระจกฝ้า (Backdrop Blur) ให้ชัดขึ้น */
  backdrop-filter: blur(20px) saturate(160%) brightness(1.1) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) brightness(1.1) !important;
  
  /* ขอบเส้นโปร่งแสงสีขาวละมุน ให้ความรู้สึกเหมือนขอบกระจก */
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* เน้นขอบบนให้สว่างรับแสง */
  border-radius: 16px !important;
  
  /* แสงฟุ้งสีขาวซ่อนอยู่ข้างในการ์ด (Inset Glow) + เงาด้านนอก */
  box-shadow: 
    inset 0 1px 1px 0 rgba(255, 255, 255, 0.2),
    0 8px 32px 0 rgba(0, 0, 0, 0.4) !important;
  
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* เอฟเฟกต์เมื่อ Hover (นำเมาส์ไปชี้) */
.elementor-233 .elementor-element.elementor-element-492088f4:hover {
  /* เพิ่มความสว่างและสว่างฟุ้งเมื่อเอาเมาส์ชี้ */
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  
  box-shadow: 
    inset 0 1px 2px 0 rgba(255, 255, 255, 0.4),
    0 12px 40px 0 rgba(0, 0, 0, 0.5) !important;
    
  transform: translateY(-4px) !important;
}/* End custom CSS */