.elementor-19187 .elementor-element.elementor-element-3825c98{--display:flex;--min-height:467px;--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;--overlay-opacity:0.5;}.elementor-19187 .elementor-element.elementor-element-3825c98:not(.elementor-motion-effects-element-type-background), .elementor-19187 .elementor-element.elementor-element-3825c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thanakoon.com/wp-content/uploads/2026/03/Firefly_Generate-an-image-of-a-modern-minimalist-office-interior-with-a-clean-white-design.-F-130832-1.jpg");background-position:center center;}.elementor-19187 .elementor-element.elementor-element-3825c98::before, .elementor-19187 .elementor-element.elementor-element-3825c98 > .elementor-background-video-container::before, .elementor-19187 .elementor-element.elementor-element-3825c98 > .e-con-inner > .elementor-background-video-container::before, .elementor-19187 .elementor-element.elementor-element-3825c98 > .elementor-background-slideshow::before, .elementor-19187 .elementor-element.elementor-element-3825c98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19187 .elementor-element.elementor-element-3825c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-19187 .elementor-element.elementor-element-1e6710f{--display:flex;--position:absolute;top:135px;}body:not(.rtl) .elementor-19187 .elementor-element.elementor-element-1e6710f{left:0px;}body.rtl .elementor-19187 .elementor-element.elementor-element-1e6710f{right:0px;}.elementor-19187 .elementor-element.elementor-element-e7be1e8{text-align:center;}.elementor-19187 .elementor-element.elementor-element-e7be1e8 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:90px;font-weight:500;color:#FFFFFF;}.elementor-19187 .elementor-element.elementor-element-728fa54{text-align:center;font-family:"Prompt", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-19187 .elementor-element.elementor-element-a0ac6d6{--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-19187 .elementor-element.elementor-element-d446c9a{--spacer-size:18px;}.elementor-19187 .elementor-element.elementor-element-bfaabea{text-align:center;font-family:"Prompt", Sans-serif;font-size:18px;font-weight:400;color:#525252;}.elementor-19187 .elementor-element.elementor-element-38795f9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-19187 .elementor-element.elementor-element-38795f9 .elementor-divider-separator{width:19%;margin:0 auto;margin-center:0;}.elementor-19187 .elementor-element.elementor-element-38795f9 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-19187 .elementor-element.elementor-element-6f03f63{--spacer-size:50px;}.elementor-19187 .elementor-element.elementor-element-2a58c1c{--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;--justify-content:center;--gap:0px 80px;--row-gap:0px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;}.elementor-19187 .elementor-element.elementor-element-249e64b{--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-19187 .elementor-element.elementor-element-183c686{text-align:center;}.elementor-19187 .elementor-element.elementor-element-f83ca4d{text-align:center;}.elementor-19187 .elementor-element.elementor-element-84eaa5f{--spacer-size:13px;}.elementor-19187 .elementor-element.elementor-element-d8215a9 .elementor-button{background-color:#636363;font-family:"Prompt", Sans-serif;font-size:25px;fill:#FFFFFF;color:#FFFFFF;border-radius:29px 29px 29px 29px;}.elementor-19187 .elementor-element.elementor-element-d8215a9 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-19187 .elementor-element.elementor-element-d8215a9.elementor-element{--align-self:center;}.elementor-19187 .elementor-element.elementor-element-d8215a9{--e-transform-transition-duration:400ms;}.elementor-19187 .elementor-element.elementor-element-8fafbf4{--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-19187 .elementor-element.elementor-element-c4c58d1{text-align:center;}.elementor-19187 .elementor-element.elementor-element-eff4e8c{text-align:center;}.elementor-19187 .elementor-element.elementor-element-b8fde64{--spacer-size:13px;}.elementor-19187 .elementor-element.elementor-element-64834ab .elementor-button{background-color:#636363;font-family:"Prompt", Sans-serif;font-size:25px;fill:#FFFFFF;color:#FFFFFF;border-radius:29px 29px 29px 29px;}.elementor-19187 .elementor-element.elementor-element-64834ab > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-19187 .elementor-element.elementor-element-64834ab.elementor-element{--align-self:center;}.elementor-19187 .elementor-element.elementor-element-64834ab{--e-transform-transition-duration:400ms;}.elementor-19187 .elementor-element.elementor-element-1eb6932{--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-19187 .elementor-element.elementor-element-721a425{--display:flex;--min-height:0px;--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-19187 .elementor-element.elementor-element-c2f3ad7{--spacer-size:81px;}.elementor-19187 .elementor-element.elementor-element-4e7d51f > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-19187 .elementor-element.elementor-element-4e7d51f .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:400;color:var( --e-global-color-558e1b9 );}.elementor-19187 .elementor-element.elementor-element-0c1478e{--spacer-size:50px;}.elementor-19187 .elementor-element.elementor-element-119c511{--display:flex;--min-height:420px;--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;--overlay-opacity:0.45;}.elementor-19187 .elementor-element.elementor-element-119c511:not(.elementor-motion-effects-element-type-background), .elementor-19187 .elementor-element.elementor-element-119c511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thanakoon.com/wp-content/uploads/2026/03/Firefly_Modern-minimalist-meeting-room-with-full-height-clear-glass-walls-transparent-glass-421216-2048x1593.png");background-position:center center;}.elementor-19187 .elementor-element.elementor-element-119c511::before, .elementor-19187 .elementor-element.elementor-element-119c511 > .elementor-background-video-container::before, .elementor-19187 .elementor-element.elementor-element-119c511 > .e-con-inner > .elementor-background-video-container::before, .elementor-19187 .elementor-element.elementor-element-119c511 > .elementor-background-slideshow::before, .elementor-19187 .elementor-element.elementor-element-119c511 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19187 .elementor-element.elementor-element-119c511 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #000000 63%);}.elementor-19187 .elementor-element.elementor-element-4b7dcee{--display:flex;--position:absolute;--min-height:0px;--justify-content:center;top:149px;}body:not(.rtl) .elementor-19187 .elementor-element.elementor-element-4b7dcee{left:0px;}body.rtl .elementor-19187 .elementor-element.elementor-element-4b7dcee{right:0px;}.elementor-19187 .elementor-element.elementor-element-dbde0b1{width:100%;max-width:100%;text-align:center;}.elementor-19187 .elementor-element.elementor-element-dbde0b1 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:41px;font-weight:500;color:#FFFFFF;}.elementor-19187 .elementor-element.elementor-element-28569aa{--spacer-size:12px;}.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button{background-color:#20A750;font-family:"Prompt", Sans-serif;font-size:25px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-19187 .elementor-element.elementor-element-5267141.elementor-element{--align-self:center;}.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-19187 .elementor-element.elementor-element-4e7d51f{text-align:center;}.elementor-19187 .elementor-element.elementor-element-ea39e91.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-19187 .elementor-element.elementor-element-249e64b{--width:50%;}.elementor-19187 .elementor-element.elementor-element-8fafbf4{--width:50%;}.elementor-19187 .elementor-element.elementor-element-119c511{--width:1300%;}.elementor-19187 .elementor-element.elementor-element-4b7dcee{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-5267141 *//* 1. ตั้งค่าปุ่มหลัก */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    z-index: 1 !important;
}

/* 2. ฉากหลังสีส้ม */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button::before {
    content: '' !important;
    position: absolute !important;
    top: 100% !important; 
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ff6600 !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    z-index: -1 !important;
}

/* 3. จัดการไอคอน (ทำให้มันหลุดจากแถวตัวหนังสือ) */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button .elementor-button-icon {
    position: absolute !important;
    left: 50% !important;
    top: 150% !important; /* ซ่อนไว้ข้างล่าง */
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    opacity: 0 !important;
    color: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* 4. จัดการตัวหนังสือ */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button .elementor-button-text {
    display: inline-block !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

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

/* ฉากส้มขึ้น */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button:hover::before {
    top: 0 !important;
}

/* ตัวหนังสือดีดขึ้นไปข้างบนจนหายไป */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button:hover .elementor-button-text {
    transform: translateY(-200%) !important;
    opacity: 0 !important;
}

/* ไอคอนเด้งขึ้นมากลางปุ่มเป๊ะๆ */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button:hover .elementor-button-icon {
    top: 50% !important;
    opacity: 1 !important;
}

/* ล้างค่าไอคอนเดิมไม่ให้เบียดตัวหนังสือตอนปกติ */
.elementor-19187 .elementor-element.elementor-element-5267141 .elementor-button-content-wrapper {
    display: block !important; /* เปลี่ยนจาก flex เป็น block เพื่อให้ไอคอน absolute ได้อิสระ */
    text-align: center !important;
}/* End custom CSS */