.elementor-3454 .elementor-element.elementor-element-66f8e913{--display:flex;--border-radius:8px 8px 8px 8px;}.elementor-3454 .elementor-element.elementor-element-38d457ab{--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-3454 .elementor-element.elementor-element-2aef7f22{--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-3454 .elementor-element.elementor-element-236300b7{--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-3454 .elementor-element.elementor-element-5d2833e8{--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-3454 .elementor-element.elementor-element-6d799e22{--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-3454 .elementor-element.elementor-element-647cca4b{--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-3454 .elementor-element.elementor-element-a044935{--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-3454 .elementor-element.elementor-element-bdd3cd9{--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;}/* Start custom CSS for container, class: .elementor-element-38d457ab *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-3454 .elementor-element.elementor-element-38d457ab {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  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-3454 .elementor-element.elementor-element-38d457ab: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-236300b7 *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-3454 .elementor-element.elementor-element-236300b7 {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  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-3454 .elementor-element.elementor-element-236300b7: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-6d799e22 *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-3454 .elementor-element.elementor-element-6d799e22 {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  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-3454 .elementor-element.elementor-element-6d799e22: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-a044935 *//* วางโค้ดนี้ที่ Custom CSS ของตัว Card / Container ใน Elementor */
.elementor-3454 .elementor-element.elementor-element-a044935 {
  /* ปรับพื้นหลังให้โปร่งใสขึ้น (ใช้สีโทนสว่างผสมเพื่อรับแสงเบลอ) */
  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-3454 .elementor-element.elementor-element-a044935: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 */