.elementor-225 .elementor-element.elementor-element-3f888b8{--display:flex;}.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-225 .elementor-element.elementor-element-d13d263{text-align:center;}.elementor-225 .elementor-element.elementor-element-d13d263 .elementor-heading-title{font-family:"IBM Plex Sans Thai Looped", Sans-serif;font-weight:600;color:#00FFFF;}.elementor-225 .elementor-element.elementor-element-ccfb208{text-align:start;}.elementor-225 .elementor-element.elementor-element-ccfb208 .elementor-heading-title{font-family:"IBM Plex Sans Thai Looped", Sans-serif;font-weight:600;text-decoration:underline;color:#FFFFFFB5;}.elementor-225 .elementor-element.elementor-element-82523bf{--display:flex;}.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-225 .elementor-element.elementor-element-3a579b1{--display:flex;}.elementor-225 .elementor-element.elementor-element-0f2ae53{--display:flex;}.elementor-225 .elementor-element.elementor-element-815b8ba{--display:flex;}.elementor-225 .elementor-element.elementor-element-91195a4{--display:flex;}.elementor-225 .elementor-element.elementor-element-87a4b32{--display:flex;}.elementor-225 .elementor-element.elementor-element-f5dad7a{--display:flex;}.elementor-225 .elementor-element.elementor-element-7f7cd65{--display:flex;}.elementor-225 .elementor-element.elementor-element-1b365ce{--display:flex;}.elementor-225 .elementor-element.elementor-element-437c07f{--display:flex;}.elementor-225 .elementor-element.elementor-element-c265ea3{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-normal-color:#EF0000;}:where( .elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-slide ) > .e-con{--padding-top:1px;--padding-right:1px;--padding-bottom:1px;--padding-left:1px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:1px;--padding-inline-end:1px;--padding-block-end:1px;--padding-inline-start:1px;}.elementor-225 .elementor-element.elementor-element-2c17106{--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-225 .elementor-element.elementor-element-cc5b4d5{--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-225 .elementor-element.elementor-element-143eee6{background-color:transparent;background-image:linear-gradient(180deg, #222121 0%, #3A3A3A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-225 .elementor-element.elementor-element-143eee6 .elementor-heading-title{font-family:"IBM Plex Sans Thai Looped", Sans-serif;font-weight:600;color:#00FFFF;}.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-225 .elementor-element.elementor-element-b611e29{--grid-row-gap:35px;--grid-column-gap:8px;}.elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__thumbnail__link{width:100%;}.elementor-225 .elementor-element.elementor-element-b611e29.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-225 .elementor-element.elementor-element-b611e29.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-225 .elementor-element.elementor-element-b611e29.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__title, .elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__title a{color:#FFFFFF;font-family:"IBM Plex Sans Thai Looped", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-debee3f{--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-225 .elementor-element.elementor-element-89f38d1{background-color:transparent;background-image:linear-gradient(180deg, #222121 0%, #3A3A3A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-225 .elementor-element.elementor-element-89f38d1 .elementor-heading-title{font-family:"IBM Plex Sans Thai Looped", Sans-serif;font-weight:700;color:#00FFFF;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-225 .elementor-element.elementor-element-18a3937{--display:flex;}.elementor-225 .elementor-element.elementor-element-27237aa{--display:flex;}.elementor-225 .elementor-element.elementor-element-0c9987b{--display:flex;}.elementor-225 .elementor-element.elementor-element-fc81e39{--display:flex;}.elementor-225 .elementor-element.elementor-element-b0f5455{--display:flex;}.elementor-225 .elementor-element.elementor-element-8f2ce65{--display:flex;}.elementor-225 .elementor-element.elementor-element-b2f4635{--display:flex;}.elementor-225 .elementor-element.elementor-element-a6152ba{--display:flex;}.elementor-225 .elementor-element.elementor-element-d089086{--display:flex;}.elementor-225 .elementor-element.elementor-element-3d5859e{--display:flex;}.elementor-225 .elementor-element.elementor-element-201ee6f{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#00FFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-225 .elementor-element.elementor-element-201ee6f > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-225 .elementor-element.elementor-element-201ee6f > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-225 .elementor-element.elementor-element-201ee6f > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"IBM Plex Sans Thai Looped", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-225 .elementor-element.elementor-element-debee3f{--width:20%;}}@media(max-width:1024px){.elementor-225 .elementor-element.elementor-element-d13d263{text-align:center;}.elementor-225 .elementor-element.elementor-element-ccfb208{text-align:center;}.elementor-225 .elementor-element.elementor-element-c265ea3{--e-n-carousel-swiper-slides-to-display:3;}.elementor-225 .elementor-element.elementor-element-143eee6 .elementor-heading-title{font-size:20px;}.elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__title, .elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__title a{font-size:15px;}.elementor-225 .elementor-element.elementor-element-89f38d1 .elementor-heading-title{font-size:20px;}.elementor-225 .elementor-element.elementor-element-201ee6f{--n-menu-title-font-size:9px;}}@media(max-width:767px){.elementor-225 .elementor-element.elementor-element-d13d263{text-align:center;}.elementor-225 .elementor-element.elementor-element-d13d263 .elementor-heading-title{font-size:20px;}.elementor-225 .elementor-element.elementor-element-ccfb208{text-align:center;}.elementor-225 .elementor-element.elementor-element-ccfb208 .elementor-heading-title{font-size:18px;}.elementor-225 .elementor-element.elementor-element-c265ea3{--e-n-carousel-swiper-slides-to-display:2;}.elementor-225 .elementor-element.elementor-element-143eee6 .elementor-heading-title{font-size:20px;}.elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__thumbnail__link{width:100%;}.elementor-225 .elementor-element.elementor-element-b611e29{--grid-column-gap:2px;}.elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__title, .elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__title a{font-size:10px;}.elementor-225 .elementor-element.elementor-element-89f38d1 .elementor-heading-title{font-size:20px;}.elementor-225 .elementor-element.elementor-element-201ee6f{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-font-size:10px;}}/* Start custom CSS for nested-carousel, class: .elementor-element-c265ea3 *//* =========================================
   0. แก้ปัญหาภาพกระพริบ / ภาพใหญ่ทะลุจอตอนโหลด
========================================= */

/* ซ่อนกล่องสไลด์ไว้ก่อนถ้า Swiper ยังโหลดไม่เสร็จ */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-container:not(.swiper-initialized),
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper:not(.swiper-initialized) {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* เฟดกล่องสไลด์ขึ้นมาเมื่อ Swiper ทำงานเสร็จแล้ว */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-container.swiper-initialized,
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper.swiper-initialized {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.4s ease-in-out !important;
}
/* =========================================
   1. ตั้งค่ากล่องหลัก (Container & Wrapper)
========================================= */

/* สั่งให้เริ่มนับเลข */
.elementor-225 .elementor-element.elementor-element-c265ea3 {
    counter-reset: movie-number;
}

/* ตั้งค่ากล่อง Swiper: ปิดล้นกล่องหลัก แต่เพิ่ม Padding เผื่อเงาและตัวเลข */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-container,
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper {
    overflow: hidden !important; 
    padding: 20px 25px 30px 25px !important; /* บน 20px, ขวา 25px, ล่าง 30px, ซ้าย 25px */
}

.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-wrapper {
    overflow: visible !important;
}

/* =========================================
   2. ตั้งค่าการ์ดรูปภาพ (Slide & Image)
========================================= */

/* โครงสร้างกล่องรูปภาพ และใส่ความสมูท (Transition) */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-slide {
    position: relative !important;
    overflow: visible !important;
    transition: transform 0.3s ease-in-out !important; /* ทำให้ตอนชี้เด้งขึ้นแบบนุ่มนวล */
}

/* บังคับสัดส่วนโปสเตอร์หนังและใส่เงา */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-slide img {
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; 
}

/* =========================================
   3. เอฟเฟกต์และของตกแต่ง (Hover & Numbers)
========================================= */

/* เอฟเฟกต์ตอนเอาเมาส์ชี้ (Hover Motion) */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-slide:hover {
    transform: translateY(-15px) scale(1.05) !important; /* เด้งขึ้นและขยายขนาด 5% */
    z-index: 9999 !important; /* ดันให้อยู่บนสุด จะได้ไม่โดนรูปอื่นทับ */
}

/* ตัวเลขใหญ่ๆ มุมซ้ายล่าง (รันอัตโนมัติ) */
.elementor-225 .elementor-element.elementor-element-c265ea3 .swiper-slide::after {
    counter-increment: movie-number; 
    content: counter(movie-number); 
    position: absolute;
    bottom: -15px; 
    left: -20px;   
    font-size: 100px; 
    font-weight: 900;
    font-family: Arial, sans-serif;
    color: #000000; 
    -webkit-text-stroke: 4px #ffffff; 
    z-index: 999 !important; 
    line-height: 1;
    pointer-events: none; /* กันเมาส์ไปติดตัวเลขเวลาคลิกรูป */
}

/* =========================================
   4. ปุ่มลูกศรนำทาง (Navigation Buttons)
========================================= */

/* รูปแบบปุ่มลูกศร (แท่งยาว) */
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-prev,
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-next {
    background-color: rgba(20, 20, 20, 0.8) !important;
    width: 35px !important;                
    height: 100px !important;              
    border-radius: 6px !important;        
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    top: 50% !important;
    transform: translateY(-50%) !important; 
    transition: background-color 0.3s ease !important;
}

/* ตำแหน่งซ้าย-ขวา */
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-next { right: 0 !important; }
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-prev { left: 0 !important; }

/* เอฟเฟกต์ชี้ที่ปุ่ม */
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-prev:hover,
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-next:hover {
    background-color: rgba(60, 60, 60, 0.95) !important;
}

/* สีและขนาดของไอคอน/SVG ด้านในลูกศร */
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-prev i,
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-next i,
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-prev svg,
.elementor-225 .elementor-element.elementor-element-c265ea3 .elementor-swiper-button-next svg {
    color: #ffffff !important;
    font-size: 20px !important;
    fill: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-b611e29 *//* =========================================
   บังคับขนาดรูปโปสเตอร์ให้เท่ากัน (ครอบคลุมทั้ง PC และมือถือ)
========================================= */
.elementor-225 .elementor-element.elementor-element-b611e29 .swiper-slide img,
.elementor-225 .elementor-element.elementor-element-b611e29 img {
    width: 100% !important;
    height: auto !important; /* ล้างค่าความสูงเดิมที่ Elementor ชอบบังคับในมือถือ */
    aspect-ratio: 2 / 3 !important; /* ล็อกสัดส่วนรูป 2:3 */
    object-fit: cover !important; 
    object-position: center top !important; /* จัดให้อยู่กึ่งกลาง-บนสุด เผื่อรูปโดนตัด */
    display: block !important;
    
    /* สองบรรทัดล่างนี้ ป้องกันไม่ให้รูปถูกยืดเวลาข้อความด้านล่างมีหลายบรรทัด */
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

/* ล็อกกล่องคลุมรูปภาพไม่ให้เสียทรงบนมือถือ */
.elementor-225 .elementor-element.elementor-element-b611e29 .swiper-slide .elementor-image,
.elementor-225 .elementor-element.elementor-element-b611e29 .elementor-post__thumbnail {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */