.elementor-29 .elementor-element.elementor-element-7d83ce8{--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;--margin-top:126px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-3dc3854{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-29 .elementor-element.elementor-element-afd6dbf .elementor-heading-title{font-family:"HelveticaNeue", Sans-serif;font-size:80px;font-weight:500;word-spacing:0px;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-5a4297c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:208px;--padding-right:0px;}.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-29 .elementor-element.elementor-element-4f4d8a7{padding:020px 0px 0px 0px;column-gap:0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;line-height:22px;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-12cc966{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-db557fa{--display:flex;--min-height:37px;--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-29 .elementor-element.elementor-element-db557fa.e-con{--flex-grow:0;--flex-shrink:0;}.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-29 .elementor-element.elementor-element-4bc2772 .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#CA6224;border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-4bc2772{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-bcd837e{--display:flex;--min-height:37px;--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-29 .elementor-element.elementor-element-bcd837e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#CA6224;border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-c84198a{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-b338059{--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-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-4f58b86 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/01/PO01-copy-scaled.jpg);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-e775f65 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/02/resident-only-new-1-scaled.jpg);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-5e9fbf6 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/02/bread-street-1-scaled.jpg);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-c0dfaff .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/01/avani-01.jpg);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-43429cd .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/03/vesper_5_11zon.webp);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-165dfcf .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/01/KH5.jpg);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .elementor-repeater-item-2c9960b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://whitespaceambiance.com/wp-content/uploads/2026/02/Darlin-6-scaled.webp);background-size:cover;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-slide{transition-duration:calc(3000ms*1.2);height:800px;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-slide-contents{max-width:66%;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-slide-inner{text-align:center;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-astglobalcolor5 );opacity:var( --e-global-color-astglobalcolor5 );}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-pagination-bullet-active{background-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-020ec47{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-7324b02{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7c91b60 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-ee38433{--display:flex;--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-29 .elementor-element.elementor-element-b358377 .elementor-heading-title{font-family:"HelveticaNeue", Sans-serif;font-size:60px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-5cfe1c0{--display:flex;--min-height:663px;--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 33px;--row-gap:0px;--column-gap:33px;--margin-top:50px;--margin-bottom:154px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-d4a2537{--display:flex;--min-height:663px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-9256065{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-596e273{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-4ceca71{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-5febae4{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-685e144{--display:flex;--min-height:560px;--justify-content:flex-end;--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-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-29 .elementor-element.elementor-element-1de4fd4 img{height:300px;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-369a23f{--display:flex;--min-height:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-369a23f:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-369a23f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://whitespaceambiance.com/wp-content/uploads/2026/02/home2.png");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-2ba74c3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-45c3450{--display:flex;--min-height:480px;--justify-content:flex-start;--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-29 .elementor-element.elementor-element-fd30bd4 img{height:300px;}.elementor-29 .elementor-element.elementor-element-d9e42b7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-9ac0a72{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-c4b4d70{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-e348daf{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-4517a1b{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-29 .elementor-element.elementor-element-e9e71b5{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:11;}.elementor-29 .elementor-element.elementor-element-465060e img{width:100%;height:665px;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-3d5c6f0{--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-29 .elementor-element.elementor-element-db9082f .elementor-heading-title{font-family:"HelveticaNeue", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-0d27d57 .elementor-heading-title{font-family:"HelveticaNeue", Sans-serif;font-size:60px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-1024cd7{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-53782d5{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-31d365d{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-31d365d p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-9212f96{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-65b129f{--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;--justify-content:flex-start;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-e5edf46{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-dd1a6cc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-694be7b{font-family:"Georgia", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-astglobalcolor3 );}.elementor-29 .elementor-element.elementor-element-694be7b p{margin-block-end:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-wrapper{align-items:start;text-align:center;}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-7270f50.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-7270f50.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-7270f50.elementor-view-default .elementor-icon{fill:var( --e-global-color-a4485ea );color:var( --e-global-color-a4485ea );border-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon{font-size:20px;}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-title a{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;text-decoration:underline;}.elementor-29 .elementor-element.elementor-element-7270f50:has(:hover) .elementor-icon-box-title,
					 .elementor-29 .elementor-element.elementor-element-7270f50:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-6845e06{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-af19488{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-af19488 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-9203fb2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-ef9f5e1{--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;--justify-content:flex-start;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-03c232a{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-4419f99{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e801441{font-family:"Georgia", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-astglobalcolor3 );}.elementor-29 .elementor-element.elementor-element-e801441 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-wrapper{align-items:start;text-align:center;}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-4b42bff.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-4b42bff.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-4b42bff.elementor-view-default .elementor-icon{fill:var( --e-global-color-a4485ea );color:var( --e-global-color-a4485ea );border-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon{font-size:20px;}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-title a{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;text-decoration:underline;}.elementor-29 .elementor-element.elementor-element-4b42bff:has(:hover) .elementor-icon-box-title,
					 .elementor-29 .elementor-element.elementor-element-4b42bff:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-bffd597{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-02b612e{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-02b612e p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-2566403{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d263f61{--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;--justify-content:flex-start;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-c45e75a{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-32073c8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-bf47014{font-family:"Georgia", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-astglobalcolor3 );}.elementor-29 .elementor-element.elementor-element-bf47014 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-wrapper{align-items:start;text-align:center;}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-bc7deaa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-bc7deaa.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-bc7deaa.elementor-view-default .elementor-icon{fill:var( --e-global-color-a4485ea );color:var( --e-global-color-a4485ea );border-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon{font-size:20px;}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-title a{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;text-decoration:underline;}.elementor-29 .elementor-element.elementor-element-bc7deaa:has(:hover) .elementor-icon-box-title,
					 .elementor-29 .elementor-element.elementor-element-bc7deaa:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-1e125ee{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-557ea00{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-557ea00 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-ef726b3{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-225c7d2{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-225c7d2 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-8419d95{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-57f5dc1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7ea1beb{font-family:"Georgia", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-astglobalcolor3 );}.elementor-29 .elementor-element.elementor-element-7ea1beb p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-wrapper{align-items:start;text-align:center;}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-8c62336.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-8c62336.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-8c62336.elementor-view-default .elementor-icon{fill:var( --e-global-color-a4485ea );color:var( --e-global-color-a4485ea );border-color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon{font-size:20px;}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-title a{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;text-decoration:underline;}.elementor-29 .elementor-element.elementor-element-8c62336:has(:hover) .elementor-icon-box-title,
					 .elementor-29 .elementor-element.elementor-element-8c62336:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-7a5dc72{--n-accordion-title-font-size:19px;padding:10px 10px 10px 10px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-astglobalcolor8 );--n-accordion-icon-size:14px;--n-accordion-icon-normal-color:#00000050;--n-accordion-icon-hover-color:#00000080;}.elementor-29 .elementor-element.elementor-element-7a5dc72.elementor-element{--align-self:flex-start;}.elementor-29 .elementor-element.elementor-element-7a5dc72 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 1px 0px;border-color:#00000012;}:where( .elementor-29 .elementor-element.elementor-element-7a5dc72 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"HelveticaNeue", Sans-serif;}.elementor-29 .elementor-element.elementor-element-b6342f6{--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:125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-60c3437{padding:0px 0px 0px 0px;font-family:"HelveticaNeue", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-60c3437 p{margin-block-end:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-bf6d7b6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#67768E;--border-color:#67768E;--padding-top:37px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-29 .elementor-element.elementor-element-61d7b65{--grid-columns:1;--grid-row-gap:10px;}.elementor-29 .elementor-element.elementor-element-8d019b9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#67768E;--border-color:#67768E;--padding-top:37px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-fd2fae1{--grid-columns:3;}.elementor-29 .elementor-element.elementor-element-fd2fae1 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-29 .elementor-element.elementor-element-fd2fae1 .e-loop-item > .elementor-section, .elementor-29 .elementor-element.elementor-element-fd2fae1 .e-loop-item > .elementor-section > .elementor-container, .elementor-29 .elementor-element.elementor-element-fd2fae1 .e-loop-item > .e-con, .elementor-29 .elementor-element.elementor-element-fd2fae1 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-29 .elementor-element.elementor-element-af3f7e4{--n-tabs-heading-justify-content:flex-end;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:40px;--n-tabs-title-border-radius:2px 2px 2px 2px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:5px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:5px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:var( --e-global-color-astglobalcolor5 );}.elementor-29 .elementor-element.elementor-element-af3f7e4.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor7 );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-29 .elementor-element.elementor-element-af3f7e4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-29 .elementor-element.elementor-element-af3f7e4.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-a4485ea );}.elementor-29 .elementor-element.elementor-element-af3f7e4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#67768E;}.elementor-29 .elementor-element.elementor-element-af3f7e4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"HelveticaNeue", Sans-serif;font-weight:400;}.elementor-29 .elementor-element.elementor-element-af3f7e4 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#54595F;--n-tabs-icon-color-hover:#54595F;}.elementor-29 .elementor-element.elementor-element-90dda68{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:32px;--padding-bottom:168px;--padding-left:32px;--padding-right:32px;}.elementor-29 .elementor-element.elementor-element-5ceef68{--display:flex;--min-height:37px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-59b82cf{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-1abb5de{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-2d3fdb3{--display:flex;--min-height:666px;--gap:280px 0px;--row-gap:280px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-d0bc334{--display:flex;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-39da77b{padding:0px 0px 0px 0px;text-align:center;font-family:"HelveticaNeue", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor5 );}.elementor-29 .elementor-element.elementor-element-39da77b p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-04f7652{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-a6c7c93{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-element-a6c7c93:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-a6c7c93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-29 .elementor-element.elementor-element-fae52ff{--display:flex;}.elementor-29 .elementor-element.elementor-element-c166ef1 .elementor-heading-title{font-family:"HelveticaNeue", Sans-serif;font-size:32px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-70c7b7a{font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-29 .elementor-element.elementor-element-70c7b7a p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button{background-color:#61CE7000;font-family:"HelveticaNeue", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-astglobalcolor8 );color:var( --e-global-color-astglobalcolor8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a4485ea );border-radius:5px 5px 5px 5px;}.elementor-29 .elementor-element.elementor-element-7b9a66a.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-29 .elementor-element.elementor-element-d8f21e5{--display:flex;--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-d8f21e5::before, .elementor-29 .elementor-element.elementor-element-d8f21e5 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d8f21e5 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d8f21e5 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d8f21e5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d8f21e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-1de4207{--display:flex;--min-height:200px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-29 .elementor-element.elementor-element-b1d887e{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-7d83ce8{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-3dc3854{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-5a4297c{--content-width:443px;}.elementor-29 .elementor-element.elementor-element-db557fa{--width:34%;}.elementor-29 .elementor-element.elementor-element-bcd837e{--width:45%;}.elementor-29 .elementor-element.elementor-element-b338059{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-020ec47{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-5cfe1c0{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-d4a2537{--width:50%;}.elementor-29 .elementor-element.elementor-element-4ceca71{--width:100%;}.elementor-29 .elementor-element.elementor-element-369a23f{--width:50%;}.elementor-29 .elementor-element.elementor-element-2ba74c3{--width:50%;}.elementor-29 .elementor-element.elementor-element-c4b4d70{--width:100%;}.elementor-29 .elementor-element.elementor-element-4517a1b{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-e9e71b5{--width:897px;}.elementor-29 .elementor-element.elementor-element-3d5c6f0{--width:897px;}.elementor-29 .elementor-element.elementor-element-65b129f{--width:30%;}.elementor-29 .elementor-element.elementor-element-dd1a6cc{--width:72%;}.elementor-29 .elementor-element.elementor-element-ef9f5e1{--width:30%;}.elementor-29 .elementor-element.elementor-element-4419f99{--width:72%;}.elementor-29 .elementor-element.elementor-element-d263f61{--width:30%;}.elementor-29 .elementor-element.elementor-element-32073c8{--width:72%;}.elementor-29 .elementor-element.elementor-element-57f5dc1{--width:100%;}.elementor-29 .elementor-element.elementor-element-b6342f6{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-8d019b9{--content-width:100%;}.elementor-29 .elementor-element.elementor-element-5ceef68{--width:13%;}.elementor-29 .elementor-element.elementor-element-1abb5de{--content-width:1856px;}.elementor-29 .elementor-element.elementor-element-a6c7c93{--width:704px;}}@media(max-width:1600px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-7d83ce8{--content-width:100%;}.elementor-29 .elementor-element.elementor-element-db557fa{--width:40%;}.elementor-29 .elementor-element.elementor-element-bcd837e{--width:46%;}.elementor-29 .elementor-element.elementor-element-4ceca71{--width:50%;}.elementor-29 .elementor-element.elementor-element-c4b4d70{--width:50%;}.elementor-29 .elementor-element.elementor-element-65b129f{--width:62%;}.elementor-29 .elementor-element.elementor-element-dd1a6cc{--width:100%;}.elementor-29 .elementor-element.elementor-element-ef9f5e1{--width:62%;}.elementor-29 .elementor-element.elementor-element-4419f99{--width:100%;}.elementor-29 .elementor-element.elementor-element-d263f61{--width:62%;}.elementor-29 .elementor-element.elementor-element-32073c8{--width:100%;}.elementor-29 .elementor-element.elementor-element-5ceef68{--width:23%;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-db557fa{--width:39%;}.elementor-29 .elementor-element.elementor-element-bcd837e{--width:51%;}.elementor-29 .elementor-element.elementor-element-4ceca71{--width:70%;}.elementor-29 .elementor-element.elementor-element-c4b4d70{--width:70%;}.elementor-29 .elementor-element.elementor-element-65b129f{--width:80%;}.elementor-29 .elementor-element.elementor-element-ef9f5e1{--width:80%;}.elementor-29 .elementor-element.elementor-element-d263f61{--width:80%;}.elementor-29 .elementor-element.elementor-element-5ceef68{--width:29%;}}@media(max-width:1600px){.elementor-29 .elementor-element.elementor-element-7d83ce8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-3dc3854{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-afd6dbf .elementor-heading-title{font-size:66px;}.elementor-29 .elementor-element.elementor-element-5a4297c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-slide{height:650px;}.elementor-29 .elementor-element.elementor-element-020ec47{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-29 .elementor-element.elementor-element-5febae4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-29 .elementor-element.elementor-element-685e144{--min-height:560px;}.elementor-29 .elementor-element.elementor-element-1de4fd4 img{height:165px;}.elementor-29 .elementor-element.elementor-element-369a23f{--min-height:560px;}.elementor-29 .elementor-element.elementor-element-45c3450{--min-height:430px;}.elementor-29 .elementor-element.elementor-element-fd30bd4 img{height:165px;}.elementor-29 .elementor-element.elementor-element-e348daf{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-29 .elementor-element.elementor-element-0d27d57 .elementor-heading-title{font-size:46px;}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon{font-size:16px;}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon{font-size:16px;}.elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-4b42bff .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon{font-size:16px;}.elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-bc7deaa .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon{font-size:16px;}.elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-8c62336 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-7a5dc72{--n-accordion-title-font-size:18px;}.elementor-29 .elementor-element.elementor-element-fd2fae1{--grid-columns:2;}.elementor-29 .elementor-element.elementor-element-1de4207{--min-height:195px;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-7d83ce8{--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:50px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-3dc3854{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-3dc3854.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-afd6dbf .elementor-heading-title{font-size:56px;}.elementor-29 .elementor-element.elementor-element-5a4297c{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-5a4297c.e-con{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-4f4d8a7 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-db557fa{--min-height:0px;}.elementor-29 .elementor-element.elementor-element-bcd837e{--min-height:0px;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-slide{height:450px;}.elementor-29 .elementor-element.elementor-element-020ec47{--padding-top:50px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-7324b02{--padding-top:55px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-b358377 .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-5cfe1c0{--min-height:663px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-596e273{font-size:14px;}.elementor-29 .elementor-element.elementor-element-685e144{--min-height:450px;}.elementor-29 .elementor-element.elementor-element-45c3450{--min-height:313px;}.elementor-29 .elementor-element.elementor-element-9ac0a72{font-size:14px;}.elementor-29 .elementor-element.elementor-element-db9082f{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-0d27d57 .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-65b129f.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-e801441{text-align:center;}.elementor-29 .elementor-element.elementor-element-bf47014{text-align:center;}.elementor-29 .elementor-element.elementor-element-7ea1beb{text-align:center;}.elementor-29 .elementor-element.elementor-element-61d7b65{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-fd2fae1{--grid-columns:2;}.elementor-29 .elementor-element.elementor-element-fae52ff{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-d8f21e5{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-1de4207{--min-height:190px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-7d83ce8{--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-3dc3854{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-afd6dbf .elementor-heading-title{font-size:46px;}.elementor-29 .elementor-element.elementor-element-12cc966{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-29 .elementor-element.elementor-element-db557fa{--width:42%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button{font-size:12px;}.elementor-29 .elementor-element.elementor-element-bcd837e{--width:54%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button{font-size:12px;}.elementor-29 .elementor-element.elementor-element-d796707 .swiper-slide{height:200px;}.elementor-29 .elementor-element.elementor-element-020ec47{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-7324b02{--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-b358377 .elementor-heading-title{font-size:26px;}.elementor-29 .elementor-element.elementor-element-5cfe1c0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-d4a2537{--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-9256065{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-4ceca71{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-5febae4{padding:0px 0px 0px 0px;--container-widget-width:137px;--container-widget-flex-grow:0;width:var( --container-widget-width, 137px );max-width:137px;}.elementor-29 .elementor-element.elementor-element-685e144{--min-height:180px;}.elementor-29 .elementor-element.elementor-element-685e144.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-1de4fd4 img{height:230px;object-fit:fill;}.elementor-29 .elementor-element.elementor-element-369a23f{--min-height:240px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-2ba74c3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-45c3450{--min-height:230px;}.elementor-29 .elementor-element.elementor-element-fd30bd4 img{height:230px;}.elementor-29 .elementor-element.elementor-element-d9e42b7.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-c4b4d70{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c4b4d70.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-e348daf{padding:0px 0px 0px 0px;--container-widget-width:137px;--container-widget-flex-grow:0;width:var( --container-widget-width, 137px );max-width:137px;}.elementor-29 .elementor-element.elementor-element-e9e71b5{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e9e71b5.e-con{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-465060e img{height:393px;}.elementor-29 .elementor-element.elementor-element-0d27d57 .elementor-heading-title{font-size:36px;}.elementor-29 .elementor-element.elementor-element-e5edf46{--container-widget-width:130px;--container-widget-flex-grow:0;width:var( --container-widget-width, 130px );max-width:130px;}.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button{font-size:14px;}.elementor-29 .elementor-element.elementor-element-694be7b{line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-694be7b p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-7270f50{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-7270f50 .elementor-icon-box-title{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-03c232a{--container-widget-width:130px;--container-widget-flex-grow:0;width:var( --container-widget-width, 130px );max-width:130px;}.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button{font-size:14px;}.elementor-29 .elementor-element.elementor-element-e801441{line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-e801441 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-4b42bff{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-c45e75a{--container-widget-width:130px;--container-widget-flex-grow:0;width:var( --container-widget-width, 130px );max-width:130px;}.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button{font-size:14px;}.elementor-29 .elementor-element.elementor-element-bf47014{line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-bf47014 p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-bc7deaa{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-7ea1beb{line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-7ea1beb p{margin-block-end:0px;}.elementor-29 .elementor-element.elementor-element-61d7b65{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-fd2fae1{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-af3f7e4{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-2d3fdb3{--min-height:583px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-04f7652{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-a6c7c93{--width:300px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-fae52ff{--width:500px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-fae52ff.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-c166ef1 .elementor-heading-title{font-size:18px;}.elementor-29 .elementor-element.elementor-element-70c7b7a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-7b9a66a{width:var( --container-widget-width, 278px );max-width:278px;--container-widget-width:278px;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button{font-size:14px;}.elementor-29 .elementor-element.elementor-element-d8f21e5{--min-height:68px;}.elementor-29 .elementor-element.elementor-element-d8f21e5.e-con{--order:-99999 /* order start hack */;}}/* Start custom CSS for heading, class: .elementor-element-afd6dbf */.highlight-text {
  font-size: 84px;
  font-family: Georgia, serif;
  color: #CA6224; /* ใส่สีที่คุณต้องการ */
  font-style: normal;
}


@media (max-width: 767px) {

.highlight-text {

    font-size: 46px !important;
    display: inline-block;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4bc2772 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;
    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-4bc2772 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c84198a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;
    border: 1px solid #D16B33;
    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c84198a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5febae4 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button {
    display: inline-flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button-text {
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
}

/* 3. กล่อง Icon (Sidebar) */
.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    margin: 0 !important;
    position: relative;
    overflow: hidden; 
    min-width: 50px;
}

/* 4. ไอคอนตัวหลัก (บังคับให้เป็นสีขาว) */
.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

/* บังคับสี Stroke และ Fill ของ SVG ให้เป็นสีขาว */
.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button-icon svg path {
    stroke: #ffffff !important;
    fill: none; /* ป้องกันสีพื้นดำถ้า SVG เป็นแบบ Fill */
}

/* 5. ไอคอนตัวที่ 2 (::after) - แก้ไข SVG Code ให้เป็นสีขาว */
.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    /* แก้ในส่วน stroke='%23ffffff' (%23 คือเครื่องหมาย #) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button:hover .elementor-button-icon::after {
    bottom: calc(50% - 9px);
}

.elementor-29 .elementor-element.elementor-element-5febae4 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e348daf *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button {
    display: inline-flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button-text {
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
}

/* 3. กล่อง Icon (Sidebar) */
.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    margin: 0 !important;
    position: relative;
    overflow: hidden; 
    min-width: 50px;
}

/* 4. ไอคอนตัวหลัก (บังคับให้เป็นสีขาว) */
.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

/* บังคับสี Stroke และ Fill ของ SVG ให้เป็นสีขาว */
.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button-icon svg path {
    stroke: #ffffff !important;
    fill: none; /* ป้องกันสีพื้นดำถ้า SVG เป็นแบบ Fill */
}

/* 5. ไอคอนตัวที่ 2 (::after) - แก้ไข SVG Code ให้เป็นสีขาว */
.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    /* แก้ในส่วน stroke='%23ffffff' (%23 คือเครื่องหมาย #) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button:hover .elementor-button-icon::after {
    bottom: calc(50% - 9px);
}

.elementor-29 .elementor-element.elementor-element-e348daf .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e5edf46 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-03c232a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c45e75a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e5edf46 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-03c232a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c45e75a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e5edf46 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-03c232a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c45e75a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e5edf46 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-03c232a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c45e75a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e5edf46 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-03c232a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c45e75a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e5edf46 *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-e5edf46 .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-03c232a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-03c232a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c45e75a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 10px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-c45e75a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-59b82cf *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-text {
    flex-grow: 1;
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-59b82cf .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b9a66a *//* 1. จัดการตัวปุ่มหลัก */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button {
    display: flex !important;
    padding: 0 !important;
    background-color: transparent;

    overflow: hidden;
    align-items: stretch;
}

/* 2. จัดระเบียบ Wrapper (สลับ Icon ไปขวา) */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: left;
    width: 100%;
}

/* 3. ส่วนของข้อความ */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-text {
    flex-grow: 1;
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
    text-align: left;
}

/* 4. กล่อง Icon (Sidebar) - ตั้งค่าเป็น Relative เพื่อคุมตัวที่จะวิ่ง */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-icon {
    background-color: #D16B33;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; 
    align-self: stretch;
    margin: 0;
    position: relative;
    overflow: hidden; /* บังไอคอนที่หลุดขอบ */
    min-width: 50px;
}

/* 5. จัดการตัว Icon หลักให้ขยับได้ */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-icon svg {
    width: 18px;
    height: 18px;
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
    position: relative;
    z-index: 1;
}

.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-icon svg path {
    stroke: #ffffff !important;
}

/* 6. สร้างไอคอนตัวที่ 2 ด้วย CSS (วิ่งขึ้นมาจากด้านล่าง) */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button-icon::after {
    content: ''; 
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7V16"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px; /* ซ่อนไว้ด้านล่าง */
    transition: all 0.4s cubic-bezier(0.6, 0.01, 0, 1);
}

/* --- จังหวะ Hover --- */

/* ดันไอคอนตัวจริงขึ้นไปข้างบน */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button:hover .elementor-button-icon svg {
    transform: translateY(-40px);
    opacity: 0;
}

/* ดึงไอคอนตัวจำลอง (::after) ขึ้นมาแทนที่ */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button:hover .elementor-button-icon::after {
    bottom: 10px; /* ปรับค่านี้ให้ไอคอนอยู่ตรงกลางพอดี */
}

/* เอฟเฟกต์พื้นหลังปุ่มเมื่อ Hover */
.elementor-29 .elementor-element.elementor-element-7b9a66a .elementor-button:hover {
    background-color: rgba(209, 107, 51, 0.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d3fdb3 */.get-bg {
    /* เพิ่มเฉดสีส้ม-น้ำตาลให้ดูมีมิติมากขึ้น */
    background: linear-gradient(-45deg, 
        #FFFFFF, 
        #F5E6DA, 
        #CA6224, 
        #8C441B, 
        #3B1803, 
        #CA6224
    );
    background-size: 400% 400%;
    

    animation: smoothGradient 12s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes smoothGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        /* ปรับให้มีการขยับในแกน Y เล็กน้อย (50% -> 100%) เพื่อให้ดูเป็นคลื่นวน */
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fa0ccd *//* คุมเขตการแสดงผล */
.ambiance-text .elementor-widget-container,
.ambiance-text .elementor-heading-title {
    overflow: hidden;
}

/* ใช้ :not(.elementor-editor-active) เพื่อให้ CSS นี้ 
   ทำงานเฉพาะตอนที่ "ไม่ใช่" หน้าแก้ไขเท่านั้น 
*/
.elementor-editor-active .ambiance-text h2,
.elementor-editor-active .ambiance-text p,
.elementor-editor-active .ambiance-text .elementor-heading-title {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}



.ambiance-text h2, 
.ambiance-text p,
.ambiance-text .elementor-heading-title {
    /* ค่าเริ่มต้นสำหรับหน้าเว็บจริง */
    opacity: 0;
    filter: blur(2px); 
    transform: translateX(100px) skewX(-20deg);
    transform-origin: center;
    display: block;
    
    transition: 
        transform 2s cubic-bezier(0.19, 1, 0.22, 1), 
        opacity 1.8s ease, 
        filter 1.2s ease;
}

/* เมื่อเลื่อนมาถึง (Active) */
.ambiance-text.is-visible h2,
.ambiance-text.is-visible p,
.ambiance-text.is-visible .elementor-heading-title {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) skewX(0deg);
}/* End custom CSS */