.elementor-569 .elementor-element.elementor-element-5b2563c{--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;--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.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-569 .elementor-element.elementor-element-2c27623{--display:flex;--min-height:205px;--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;--flex-wrap:wrap;box-shadow:3px 5px 16px 0px rgba(0, 0, 0, 0.13);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-569 .elementor-element.elementor-element-2c27623:not(.elementor-motion-effects-element-type-background), .elementor-569 .elementor-element.elementor-element-2c27623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F8F6;}.elementor-569 .elementor-element.elementor-element-2c27623.e-con{--align-self:center;}.elementor-569 .elementor-element.elementor-element-0085bdb{--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:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-569 .elementor-element.elementor-element-0085bdb.e-con{--flex-grow:1;--flex-shrink:0;}.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-569 .elementor-element.elementor-element-4ec649e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-2e65033 );}.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-569 .elementor-element.elementor-element-f4e69d6 .elementor-icon-list-icon i{color:var( --e-global-color-2e65033 );transition:color 0.3s;}.elementor-569 .elementor-element.elementor-element-f4e69d6 .elementor-icon-list-icon svg{fill:var( --e-global-color-2e65033 );transition:fill 0.3s;}.elementor-569 .elementor-element.elementor-element-f4e69d6{--e-icon-list-icon-size:19px;--icon-vertical-align:center;--icon-vertical-offset:-1px;}.elementor-569 .elementor-element.elementor-element-f4e69d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-569 .elementor-element.elementor-element-f4e69d6 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;}.elementor-569 .elementor-element.elementor-element-f4e69d6 .elementor-icon-list-text{color:var( --e-global-color-b6f712d );transition:color 0.3s;}.elementor-569 .elementor-element.elementor-element-95423e1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-569 .elementor-element.elementor-element-95423e1.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-569 .elementor-element.elementor-element-3ef5d43{--display:flex;--min-height:205px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-569 .elementor-element.elementor-element-88c5ab3{--display:flex;--min-height:205px;--overflow:hidden;box-shadow:3px 5px 16px 0px rgba(0, 0, 0, 0.13);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-569 .elementor-element.elementor-element-88c5ab3:not(.elementor-motion-effects-element-type-background), .elementor-569 .elementor-element.elementor-element-88c5ab3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9e22d70 );}.elementor-569 .elementor-element.elementor-element-88c5ab3.e-con{--align-self:center;}.elementor-569 .elementor-element.elementor-element-01f4387{--display:flex;--justify-content:space-between;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-569 .elementor-element.elementor-element-e3ad43a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.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-569 .elementor-element.elementor-element-336f425{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-569 .elementor-element.elementor-element-336f425 img{width:100%;height:258px;object-fit:cover;object-position:center center;}.elementor-569 .elementor-element.elementor-element-513497f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-513497f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2em;letter-spacing:2.5px;color:#58534CA3;}.elementor-569 .elementor-element.elementor-element-1ede8bf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-1ede8bf .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.2em;color:var( --e-global-color-2e65033 );}.elementor-569 .elementor-element.elementor-element-2f4b66b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.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-569 .elementor-element.elementor-element-b365cdb .elementor-button{background-color:#4A795100;font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;fill:var( --e-global-color-b6f712d );color:var( --e-global-color-b6f712d );border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9CFC700;border-radius:0px 0px 0px -1px;padding:8px 9px 8px 9px;}.elementor-569 .elementor-element.elementor-element-b365cdb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-569 .elementor-element.elementor-element-b365cdb .elementor-button:hover, .elementor-569 .elementor-element.elementor-element-b365cdb .elementor-button:focus{border-color:#D9CFC7;}.elementor-569 .elementor-element.elementor-element-265a73c{--display:flex;--justify-content:space-between;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-569 .elementor-element.elementor-element-22e0399{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-569 .elementor-element.elementor-element-acddb19{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-569 .elementor-element.elementor-element-acddb19 img{width:100%;height:258px;object-fit:cover;object-position:center center;}.elementor-569 .elementor-element.elementor-element-831d2c7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-831d2c7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2em;letter-spacing:2.5px;color:#58534CA3;}.elementor-569 .elementor-element.elementor-element-653b1ad{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-653b1ad .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.2em;color:var( --e-global-color-2e65033 );}.elementor-569 .elementor-element.elementor-element-454755b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-569 .elementor-element.elementor-element-ce80bc1 .elementor-button{background-color:#4A795100;font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;fill:var( --e-global-color-b6f712d );color:var( --e-global-color-b6f712d );border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9CFC700;border-radius:0px 0px 0px -1px;padding:8px 9px 8px 9px;}.elementor-569 .elementor-element.elementor-element-ce80bc1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-569 .elementor-element.elementor-element-ce80bc1 .elementor-button:hover, .elementor-569 .elementor-element.elementor-element-ce80bc1 .elementor-button:focus{border-color:#D9CFC7;}.elementor-569 .elementor-element.elementor-element-e1c7e31{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-569 .elementor-element.elementor-element-f5e45ac{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-569 .elementor-element.elementor-element-2990c7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-569 .elementor-element.elementor-element-2990c7c img{width:100%;height:258px;object-fit:cover;object-position:center center;}.elementor-569 .elementor-element.elementor-element-20e22e4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-20e22e4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2em;letter-spacing:2.5px;color:#58534CA3;}.elementor-569 .elementor-element.elementor-element-9e2e733{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-9e2e733 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.2em;color:var( --e-global-color-2e65033 );}.elementor-569 .elementor-element.elementor-element-788dbdf{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-569 .elementor-element.elementor-element-90338d5 .elementor-button{background-color:#4A795100;font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;fill:var( --e-global-color-b6f712d );color:var( --e-global-color-b6f712d );border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9CFC700;border-radius:0px 0px 0px -1px;padding:8px 9px 8px 9px;}.elementor-569 .elementor-element.elementor-element-90338d5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-569 .elementor-element.elementor-element-90338d5 .elementor-button:hover, .elementor-569 .elementor-element.elementor-element-90338d5 .elementor-button:focus{border-color:#D9CFC7;}.elementor-569 .elementor-element.elementor-element-c9b778d{--display:flex;--justify-content:space-between;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-569 .elementor-element.elementor-element-56d127b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-569 .elementor-element.elementor-element-75375d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-569 .elementor-element.elementor-element-75375d9 img{width:100%;height:258px;object-fit:cover;object-position:center center;}.elementor-569 .elementor-element.elementor-element-35f1c1b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-35f1c1b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2em;letter-spacing:2.5px;color:#58534CA3;}.elementor-569 .elementor-element.elementor-element-c6b03bc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-569 .elementor-element.elementor-element-c6b03bc .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:17px;font-weight:500;line-height:1.2em;color:var( --e-global-color-2e65033 );}.elementor-569 .elementor-element.elementor-element-a4fc6e3{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-569 .elementor-element.elementor-element-d01267e .elementor-button{background-color:#4A795100;font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;fill:var( --e-global-color-b6f712d );color:var( --e-global-color-b6f712d );border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9CFC700;border-radius:0px 0px 0px -1px;padding:8px 9px 8px 9px;}.elementor-569 .elementor-element.elementor-element-d01267e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-569 .elementor-element.elementor-element-d01267e .elementor-button:hover, .elementor-569 .elementor-element.elementor-element-d01267e .elementor-button:focus{border-color:#D9CFC7;}.elementor-569 .elementor-element.elementor-element-475f7ff{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:30px;width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:13px;--e-n-carousel-dots-normal-color:#141414;--e-n-carousel-swiper-pagination-spacing:10px;}.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-569 .elementor-element.elementor-element-01a4b8c{--display:flex;}.elementor-569 .elementor-element.elementor-element-57f59f9{--display:flex;}.elementor-569 .elementor-element.elementor-element-d9d842d{--n-menu-dropdown-content-max-width:initial;--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-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:140px;--n-menu-title-font-size:15px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--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-569 .elementor-element.elementor-element-d9d842d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-569 .elementor-element.elementor-element-d9d842d > .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-569 .elementor-element.elementor-element-d9d842d > .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:"DM Sans", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:3px;}.elementor-569 .elementor-element.elementor-element-d9d842d {--n-menu-title-color-hover:#D6CCBA;--n-menu-title-color-active:#D6CCBA;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-569 .elementor-element.elementor-element-2c27623{--width:1290px;}.elementor-569 .elementor-element.elementor-element-0085bdb{--width:45%;}.elementor-569 .elementor-element.elementor-element-95423e1{--width:45%;}.elementor-569 .elementor-element.elementor-element-3ef5d43{--width:1175px;}.elementor-569 .elementor-element.elementor-element-88c5ab3{--width:1290px;}}@media(max-width:1024px){.elementor-569 .elementor-element.elementor-element-475f7ff{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-569 .elementor-element.elementor-element-475f7ff{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for nested-carousel, class: .elementor-element-475f7ff */.elementor-569 .elementor-element.elementor-element-475f7ff,
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-widget-container,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-container {
    overflow: visible !important;
}

/* 1. ตั้งค่าเริ่มต้นให้สไลด์ทั้งหมดจางและเป็นสีเทาก่อน */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide {
    opacity: 0.4;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
}

/* 2. สั่งให้กล่องที่ 1 (Active), กล่องที่ 2, และกล่องที่ 3 สว่าง 100% */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    filter: grayscale(0%);
}

/* 1. บังคับกล่อง Pagination ให้กว้าง 475px และอยู่ตรงกลาง */
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-swiper .swiper-pagination,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important; /* ขยับขึ้นมาให้อยู่ในพื้นที่ Padding ที่เราเพิ่งเว้นไว้ */
    left: 50% !important;
    transform: translateX(-140px) !important;
    width: 475px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important; /* ลบช่องว่างระหว่างจุด */
}

/* 2. เปลี่ยนจุดกลมให้เป็นเส้น */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet {
    width: 100% !important; /* บังคับให้เส้นยืดเต็มความกว้าง */
    height: 2px !important;
    background-color: #ECECEC !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* 3. เอฟเฟกต์ตอน Active และ Hover */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet:hover {
    height: 2.8px !important;
    background-color: #B99970 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-475f7ff */.elementor-569 .elementor-element.elementor-element-475f7ff,
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-widget-container,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-container {
    overflow: visible !important;
}

/* 1. ตั้งค่าเริ่มต้นให้สไลด์ทั้งหมดจางและเป็นสีเทาก่อน */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide {
    opacity: 0.4;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
}

/* 2. สั่งให้กล่องที่ 1 (Active), กล่องที่ 2, และกล่องที่ 3 สว่าง 100% */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    filter: grayscale(0%);
}

/* 1. บังคับกล่อง Pagination ให้กว้าง 475px และอยู่ตรงกลาง */
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-swiper .swiper-pagination,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important; /* ขยับขึ้นมาให้อยู่ในพื้นที่ Padding ที่เราเพิ่งเว้นไว้ */
    left: 50% !important;
    transform: translateX(-140px) !important;
    width: 475px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important; /* ลบช่องว่างระหว่างจุด */
}

/* 2. เปลี่ยนจุดกลมให้เป็นเส้น */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet {
    width: 100% !important; /* บังคับให้เส้นยืดเต็มความกว้าง */
    height: 2px !important;
    background-color: #ECECEC !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* 3. เอฟเฟกต์ตอน Active และ Hover */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet:hover {
    height: 2.8px !important;
    background-color: #B99970 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-475f7ff */.elementor-569 .elementor-element.elementor-element-475f7ff,
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-widget-container,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-container {
    overflow: visible !important;
}

/* 1. ตั้งค่าเริ่มต้นให้สไลด์ทั้งหมดจางและเป็นสีเทาก่อน */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide {
    opacity: 0.4;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
}

/* 2. สั่งให้กล่องที่ 1 (Active), กล่องที่ 2, และกล่องที่ 3 สว่าง 100% */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    filter: grayscale(0%);
}

/* 1. บังคับกล่อง Pagination ให้กว้าง 475px และอยู่ตรงกลาง */
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-swiper .swiper-pagination,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important; /* ขยับขึ้นมาให้อยู่ในพื้นที่ Padding ที่เราเพิ่งเว้นไว้ */
    left: 50% !important;
    transform: translateX(-140px) !important;
    width: 475px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important; /* ลบช่องว่างระหว่างจุด */
}

/* 2. เปลี่ยนจุดกลมให้เป็นเส้น */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet {
    width: 100% !important; /* บังคับให้เส้นยืดเต็มความกว้าง */
    height: 2px !important;
    background-color: #ECECEC !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* 3. เอฟเฟกต์ตอน Active และ Hover */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet:hover {
    height: 2.8px !important;
    background-color: #B99970 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-475f7ff */.elementor-569 .elementor-element.elementor-element-475f7ff,
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-widget-container,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-container {
    overflow: visible !important;
}

/* 1. ตั้งค่าเริ่มต้นให้สไลด์ทั้งหมดจางและเป็นสีเทาก่อน */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide {
    opacity: 0.4;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
}

/* 2. สั่งให้กล่องที่ 1 (Active), กล่องที่ 2, และกล่องที่ 3 สว่าง 100% */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    filter: grayscale(0%);
}

/* 1. บังคับกล่อง Pagination ให้กว้าง 475px และอยู่ตรงกลาง */
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-swiper .swiper-pagination,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important; /* ขยับขึ้นมาให้อยู่ในพื้นที่ Padding ที่เราเพิ่งเว้นไว้ */
    left: 50% !important;
    transform: translateX(-140px) !important;
    width: 475px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important; /* ลบช่องว่างระหว่างจุด */
}

/* 2. เปลี่ยนจุดกลมให้เป็นเส้น */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet {
    width: 100% !important; /* บังคับให้เส้นยืดเต็มความกว้าง */
    height: 2px !important;
    background-color: #ECECEC !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* 3. เอฟเฟกต์ตอน Active และ Hover */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet:hover {
    height: 2.8px !important;
    background-color: #B99970 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-475f7ff */.elementor-569 .elementor-element.elementor-element-475f7ff,
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-widget-container,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-container {
    overflow: visible !important;
}

/* 1. ตั้งค่าเริ่มต้นให้สไลด์ทั้งหมดจางและเป็นสีเทาก่อน */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide {
    opacity: 0.4;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
}

/* 2. สั่งให้กล่องที่ 1 (Active), กล่องที่ 2, และกล่องที่ 3 สว่าง 100% */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    filter: grayscale(0%);
}

/* 1. บังคับกล่อง Pagination ให้กว้าง 475px และอยู่ตรงกลาง */
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-swiper .swiper-pagination,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important; /* ขยับขึ้นมาให้อยู่ในพื้นที่ Padding ที่เราเพิ่งเว้นไว้ */
    left: 50% !important;
    transform: translateX(-140px) !important;
    width: 475px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important; /* ลบช่องว่างระหว่างจุด */
}

/* 2. เปลี่ยนจุดกลมให้เป็นเส้น */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet {
    width: 100% !important; /* บังคับให้เส้นยืดเต็มความกว้าง */
    height: 2px !important;
    background-color: #ECECEC !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* 3. เอฟเฟกต์ตอน Active และ Hover */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet:hover {
    height: 2.8px !important;
    background-color: #B99970 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-475f7ff */.elementor-569 .elementor-element.elementor-element-475f7ff,
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-widget-container,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-container {
    overflow: visible !important;
}

/* 1. ตั้งค่าเริ่มต้นให้สไลด์ทั้งหมดจางและเป็นสีเทาก่อน */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide {
    opacity: 0.4;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
}

/* 2. สั่งให้กล่องที่ 1 (Active), กล่องที่ 2, และกล่องที่ 3 สว่าง 100% */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    filter: grayscale(0%);
}

/* 1. บังคับกล่อง Pagination ให้กว้าง 475px และอยู่ตรงกลาง */
.elementor-569 .elementor-element.elementor-element-475f7ff .elementor-swiper .swiper-pagination,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination {
    position: absolute !important;
    bottom: 0px !important; /* ขยับขึ้นมาให้อยู่ในพื้นที่ Padding ที่เราเพิ่งเว้นไว้ */
    left: 50% !important;
    transform: translateX(-140px) !important;
    width: 475px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0px !important; /* ลบช่องว่างระหว่างจุด */
}

/* 2. เปลี่ยนจุดกลมให้เป็นเส้น */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet {
    width: 100% !important; /* บังคับให้เส้นยืดเต็มความกว้าง */
    height: 2px !important;
    background-color: #ECECEC !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* 3. เอฟเฟกต์ตอน Active และ Hover */
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet-active,
.elementor-569 .elementor-element.elementor-element-475f7ff .swiper-pagination-bullet:hover {
    height: 2.8px !important;
    background-color: #B99970 !important;
}/* End custom CSS */