.elementor-4510 .elementor-element.elementor-element-4f9edc0{--display:flex;}.elementor-4510 .elementor-element.elementor-element-abdf325{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.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-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-4510 .elementor-element.elementor-element-13e8159{--display:flex;}.elementor-4510 .elementor-element.elementor-element-cb9aa83{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:28px;--padding-bottom:28px;--padding-left:15px;--padding-right:15px;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-4510 .elementor-element.elementor-element-7d21fb0{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4510 .elementor-element.elementor-element-7d21fb0:after{content:"0.66";}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__thumbnail__link{width:100%;}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__meta-data span + span:before{content:"•";}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__card{background-color:#00000014;border-color:#FFFFFF1F;border-width:1px;border-radius:15px;}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__text{padding:0 15px;margin-top:0px;}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__meta-data{padding:10px 15px;}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__avatar{padding-right:15px;padding-left:15px;}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-pagination{text-align:center;margin-top:48px;}body:not(.rtl) .elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4510 .elementor-element.elementor-element-7d21fb0:after{content:"0.5";}.elementor-4510 .elementor-element.elementor-element-7d21fb0 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-abdf325 *//* การ์ด Hero ดีไซน์ใหม่: Asymmetric Cyberpunk + Border ซ้ายใหญ่ */
.elementor-4510 .elementor-element.elementor-element-abdf325 {
    --primary-purple: #5804fa;
    --border-color-alpha: rgba(88, 4, 250, 0.4);
    --bg-dark: #0b0713; /* พื้นหลังเข้มที่เข้ากัน */
    --grid-color: rgba(124, 58, 237, 0.1); /* สีเส้นตารางพื้นหลังจางๆ */
    
    position: relative;
    background-color: var(--bg-dark);
    border-radius: 16px; /* ขอบมนเล็กน้อย */
    overflow: hidden; /* เพื่อเก็บลูกเล่นพื้นหลังไว้ด้านใน */
    
    /* ลูกเล่นหลัก: ขอบ Border ทางซ้ายใหญ่ */
    border-left: 6px solid var(--primary-purple); /* ขอบซ้ายหนา */
    border-top: 1px solid var(--border-color-alpha);
    border-right: 1px solid var(--border-color-alpha);
    border-bottom: 1px solid var(--border-color-alpha);
    
    /* เงาและการเรืองแสง (Glow) */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6),
                0 0 25px rgba(88, 4, 250, 0.2);
    
    transition: all 0.4s ease-in-out;
    display: flex; /* จัดวาง Content */
    flex-direction: column;
    padding: 60px; /* Padding ด้านใน */
    gap: 30px; /* ระยะห่างระหว่าง Element */
    z-index: 1;
}

/* --- ลูกเล่นพื้นหลัง 1: เส้นตาราง (Animated Grid) --- */
.elementor-4510 .elementor-element.elementor-element-abdf325::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-image: linear-gradient(var(--grid-color) 1px, transparent 1px),
                      linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
    background-size: 30px 30px; /* ขนาดตาราง */
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
    transform: perspective(500px) rotateX(15deg); /* มุมมอง 3D */
    animation: gridAnimation 60s linear infinite; /* แอนิเมชันตารางเคลื่อนที่ */
}

/* --- ลูกเล่นพื้นหลัง 2: แสงนีออนฟุ้ง (Neon Glares) --- */
.elementor-4510 .elementor-element.elementor-element-abdf325::after {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, var(--primary-purple) 0%, transparent 70%);
    filter: blur(50px);
    opacity: 0.3;
    z-index: -1;
}

/* --- แอนิเมชันตารางเคลื่อนที่ --- */
@keyframes gridAnimation {
    from { transform: perspective(500px) rotateX(15deg) translateY(0); }
    to { transform: perspective(500px) rotateX(15deg) translateY(100%); }
}

/* --- เอฟเฟกต์ตอนชี้เมาส์ (Hover) --- */
.elementor-4510 .elementor-element.elementor-element-abdf325:hover {
    transform: scale(1.02); /* ขยายเล็กน้อย */
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8),
                0 0 50px rgba(88, 4, 250, 0.4);
    border-left-width: 10px; /* ขอบซ้ายขยาย */
}



 }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb9aa83 */.elementor-4510 .elementor-element.elementor-element-cb9aa83{
background-color: rgba(255, 255, 255, 0.03);
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.05);

  transition: all 0.3s ease;

  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.6),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}/* End custom CSS */