.elementor-12024 .elementor-element.elementor-element-59fa74f{--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-12024 .elementor-element.elementor-element-df5735c > .elementor-widget-container{margin:-31px 0px 0px 0px;}.elementor-12024 .elementor-element.elementor-element-36dbf4b{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:040px 040px;--row-gap:040px;--column-gap:040px;--flex-wrap:nowrap;--z-index:0;}.elementor-12024 .elementor-element.elementor-element-2b798ac{--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;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-12024 .elementor-element.elementor-element-2b798ac:not(.elementor-motion-effects-element-type-background), .elementor-12024 .elementor-element.elementor-element-2b798ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EAF6FF 0%, #FFFFFF 100%);}.elementor-12024 .elementor-element.elementor-element-fe97f85{z-index:0;}.elementor-12024 .elementor-element.elementor-element-c89915a{--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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-12024 .elementor-element.elementor-element-36a2e45 .elementor-repeater-item-3cca805 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://gotravelphuket.com/wp-content/uploads/2024/02/IMG_1897.jpg);background-size:cover;}.elementor-12024 .elementor-element.elementor-element-36a2e45 .elementor-repeater-item-e0e48dd .swiper-slide-bg{background-color:#4054b2;background-image:url(https://gotravelphuket.com/wp-content/uploads/2023/01/snorkel.webp);background-size:cover;}.elementor-12024 .elementor-element.elementor-element-36a2e45 .elementor-repeater-item-b5e846d .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://gotravelphuket.com/wp-content/uploads/2023/01/sim_banner.webp);background-size:cover;}.elementor-12024 .elementor-element.elementor-element-36a2e45 .elementor-repeater-item-5414086 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://gotravelphuket.com/wp-content/uploads/2023/01/Siam-boat.png);background-size:cover;}.elementor-12024 .elementor-element.elementor-element-36a2e45 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-12024 .elementor-element.elementor-element-36a2e45 .swiper-slide-contents{max-width:66%;}.elementor-12024 .elementor-element.elementor-element-36a2e45 .swiper-slide-inner{text-align:center;}.elementor-12024 .elementor-element.elementor-element-4d7c1a0{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-12024 .elementor-element.elementor-element-45ce67c .twae-wrapper{--tw-ibx-position:1;--tw-cbx-text-align-alternate:right;--tw-lbl-big-color:#326988;--tw-lbl-big-size:22px;--tw-lbl-small-color:#F32811;--tw-lbl-small-size:16px;--tw-ybx-size:80px;--tw-cbx-bottom-margin:60px;--tw-cbx-bd-color:#326998;--tw-cbx-title-margin:0 0 10px 0;}.elementor-12024 .elementor-element.elementor-element-45ce67c{width:var( --container-widget-width, 101.389% );max-width:101.389%;--container-widget-width:101.389%;--container-widget-flex-grow:0;}.elementor-12024 .elementor-element.elementor-element-45ce67c > .elementor-widget-container{margin:-35px -0px -0px -0px;}.elementor-12024 .elementor-element.elementor-element-45ce67c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12024 .elementor-element.elementor-element-45ce67c .twae-wrapper, .elementor-12024 .elementor-element.elementor-element-45ce67c .twae-navigationBar{--tw-line-bg:#FFCE47;}.elementor-12024 .elementor-element.elementor-element-45ce67c .twae-title, .twae-popup .twae-title{font-size:27px;}.elementor-12024 .elementor-element.elementor-element-14ee7be{--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-12024 .elementor-element.elementor-element-777277f{--display:flex;}@media(min-width:768px){.elementor-12024 .elementor-element.elementor-element-36dbf4b{--content-width:1200px;}.elementor-12024 .elementor-element.elementor-element-2b798ac{--width:480px;}}@media(max-width:1366px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12024 .elementor-element.elementor-element-777277f{--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;--z-index:3;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12024 .elementor-element.elementor-element-45ce67c .twae-wrapper{--tw-lbl-big-size:20px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}}@media(max-width:767px){.elementor-12024 .elementor-element.elementor-element-36dbf4b{--flex-direction:column-reverse;--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-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12024 .elementor-element.elementor-element-45ce67c{z-index:0;}.elementor-12024 .elementor-element.elementor-element-45ce67c .twae-wrapper{--tw-lbl-big-size:18px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}}/* Start custom CSS for html, class: .elementor-element-df5735c *//* ลบขอบขาวเริ่มต้น */ body { margin: 0; padding: 0; overflow-x: hidden; } /* 1. กล่องนอกสุด: ทำหน้าที่แหกกฎความกว้าง (Full Width Breakout) */ .youtube-banner-wrapper { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; height: 450px; /* ปรับความสูงแบนเนอร์ที่ต้องการตรงนี้ */ overflow: hidden; background: #000; } /* 2. กล่องชั้นใน: ใช้เทคนิค Aspect Ratio 16:9 */ .youtube-banner-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; /* ป้องกันไม่ให้คนคลิกที่วิดีโอ (หยุด/เล่น) */ } /* 3. ตัว iframe: สูตรคำนวณให้ภาพเต็มจอเสมอ (Simulate object-fit: cover) */ .youtube-banner-container iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* สูตรคณิตศาสตร์: บังคับให้กว้างและสูงเกินหน้าจอ เพื่อให้ Crop ส่วนเกินออก */ width: 100vw; height: 56.25vw; /* 100 * 9 / 16 = 56.25 (อัตราส่วน 16:9) */ /* กรณีหน้าจอแคบแต่สูง (เช่น มือถือ) ต้องบังคับความสูงขั้นต่ำ */ min-height: 100vh; min-width: 177.77vh; /* 100 * 16 / 9 = 177.77 */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fe97f85 *//* กล่อง Widget หลัก */ .similan-widget-card { display: block; width: 100%; box-sizing: border-box; /* สีพื้นหลัง (Gradient ฟ้า-น้ำเงิน) */ background: linear-gradient(135deg, #00cec9, #0984e3); color: white; padding: 25px 20px; border-radius: 12px; text-align: left; /* จัดชิดซ้ายให้เหมือนข้อมูลทั่วไป หรือเปลี่ยนเป็น center ถ้าชอบ */ box-shadow: 0 4px 10px rgba(0, 140, 255, 0.2); cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; font-family: sans-serif; /* หรือใส่ชื่อฟอนต์ที่คุณใช้ในเว็บ */ } /* ส่วนหัวข้อใหญ่ */ .similan-widget-card h2 { margin: 0 0 5px 0; line-height: 1.1; font-size: clamp(20px, 6vw, 24px); /* ปรับขนาดอัตโนมัติ */ font-weight: 700; text-transform: uppercase; } /* คำว่า EARLY BIRD (ตัวเน้น) */ .similan-widget-card .highlight-text { color: #ffeaa7; /* สีเหลืองทอง */ font-size: 1.2em; /* ใหญ่กว่าปกติ 20% */ } /* ข้อความรอง (Speedboat...) */ .similan-widget-card .subtitle { margin: 5px 0 15px 0; font-size: 0.95rem; font-weight: 300; opacity: 0.9; letter-spacing: 0.5px; } /* แถวแสดงสถานที่ (Icon + Text) */ .similan-widget-card .location-row { display: flex; align-items: center; gap: 8px; /* ระยะห่างระหว่างไอคอนกับตัวหนังสือ */ font-size: 0.9rem; background: rgba(255, 255, 255, 0.15); /* พื้นหลังจางๆ ตรง location */ padding: 5px 10px; border-radius: 20px; width: fit-content; /* ความกว้างเท่าเนื้อหา */ } /* --- เอฟเฟกต์ตอนเมาส์ชี้ (Hover) --- */ .similan-widget-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); background: linear-gradient(135deg, #0984e3, #2d3436); } .similan-widget-card:hover .highlight-text { color: #ff7675; /* เปลี่ยนสีตัวหนังสือเน้นเมื่อชี้ */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36c081e *//* กรอบหลัก */ .premium-price-widget { margin-top: 20px; font-family: 'Poppins', sans-serif; /* แนะนำใช้ฟอนต์นี้จะสวยมาก */ } .widget-header { text-align: center; text-transform: uppercase; font-size: 0.9rem; color: #888; letter-spacing: 2px; margin-bottom: 15px; position: relative; } /* เส้นขีดข้างๆ หัวข้อ */ .widget-header::before, .widget-header::after { content: ''; display: inline-block; width: 30px; height: 1px; background: #ddd; vertical-align: middle; margin: 0 10px; } /* --- ตัวการ์ดราคา (Ticket Style) --- */ .price-ticket { background: white; border-radius: 16px; padding: 15px 20px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; /* เงาฟุ้งๆ ให้ดูลอยมีมิติ */ box-shadow: 0 10px 25px rgba(149, 157, 165, 0.15); border: 1px solid rgba(255, 255, 255, 0.5); transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: default; } /* เอฟเฟกต์ตอนชี้ */ .price-ticket:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(0, 140, 255, 0.15); border-color: #b2ebf2; /* เปลี่ยนขอบเป็นสีฟ้าอ่อน */ } /* ฝั่งซ้าย (ไอคอน + ชื่อ) */ .ticket-left { display: flex; align-items: center; gap: 12px; flex: 1; } /* วงกลมพื้นหลังไอคอน */ .icon-circle { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; } .adult-icon { background: linear-gradient(135deg, #0984e3, #74b9ff); /* สีฟ้า */ } .child-icon { background: linear-gradient(135deg, #ff7675, #fab1a0); /* สีส้มชมพู */ } .ticket-info { display: flex; flex-direction: column; } .ticket-info .label { font-weight: 700; color: #2d3436; font-size: 1rem; } .ticket-info .sub-label { font-size: 0.75rem; color: #b2bec3; } /* เส้นประคั่นกลาง */ .ticket-divider { width: 1px; height: 30px; border-right: 2px dashed #e0e0e0; margin: 0 20px; } /* ฝั่งขวา (ราคา) */ .ticket-right { text-align: right; display: flex; flex-direction: column; align-items: flex-end; } /* ตัวเลขราคาแบบไล่สี (Gradient Text) */ .price-number { font-size: 1.5rem; font-weight: 800; /* เทคนิคทำตัวหนังสือไล่สี */ background: -webkit-linear-gradient(45deg, #0984e3, #00cec9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .currency { font-size: 0.7rem; font-weight: 600; color: #b2bec3; text-transform: uppercase; margin-top: -3px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-925dd8b */.bring-section { font-family: sans-serif; color: #555; padding: 15px; /* เพิ่มกรอบมนๆ และเงาบางๆ ให้ดูเป็นสัดส่วน */ background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .section-title { font-size: 1.3rem; color: #2f3640; margin-bottom: 20px; font-weight: 700; /* เพิ่มเส้นใต้เล็กๆ */ position: relative; padding-bottom: 10px; } .section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #44bd32; /* สีเขียวเดียวกับไอคอน */ border-radius: 2px; } .bring-list { list-style: none; padding: 0; margin: 0; } /* --- การจัดรายการ + เอฟเฟกต์ Hover --- */ .bring-list li { display: flex; align-items: center; margin-bottom: 8px; font-size: 1rem; color: #636e72; padding: 10px; /* เพิ่มพื้นที่รอบๆ */ border-radius: 8px; /* ทำมุมมน */ transition: all 0.3s ease; /* สั่งให้ทุกการเปลี่ยนแปลงนุ่มนวล */ cursor: default; /* เปลี่ยนเมาส์เป็นลูกศรปกติ */ } /* เมื่อเอาเมาส์ไปชี้ที่ li */ .bring-list li:hover { transform: translateX(10px); /* ขยับไปทางขวา 10px */ background-color: #e8f5e9; /* เปลี่ยนพื้นหลังเป็นสีเขียวอ่อน */ color: #2d3436; /* เปลี่ยนสีตัวหนังสือให้เข้มขึ้น */ box-shadow: 0 2px 8px rgba(68, 189, 50, 0.15); /* เพิ่มเงาสีเขียวจางๆ */ } /* --- ตั้งค่าไอคอน + อนิเมชั่น --- */ .check-icon { width: 24px; height: 24px; margin-right: 15px; flex-shrink: 0; /* สั่งให้เล่นอนิเมชั่นชื่อ 'softPulse' วนไปเรื่อยๆ */ animation: softPulse 2s infinite ease-in-out; } /* สร้างอนิเมชั่นจังหวะหัวใจเต้น (ขยายเข้า-ออก) */ @keyframes softPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); box-shadow: 0 0 10px rgba(68, 189, 50, 0.3); } 100% { transform: scale(1); } } /* (แถม) เพิ่มดีเลย์ให้ไอคอนแต่ละตัวเต้นไม่พร้อมกัน ดูธรรมชาติขึ้น */ .bring-list li:nth-child(1) .check-icon { animation-delay: 0s; } .bring-list li:nth-child(2) .check-icon { animation-delay: 0.3s; } .bring-list li:nth-child(3) .check-icon { animation-delay: 0.6s; } .bring-list li:nth-child(4) .check-icon { animation-delay: 0.9s; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-84caae5 */.included-section { font-family: sans-serif; color: #555; padding: 20px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-top: 20px; /* เว้นระยะจากกล่องบน */ } /* หัวข้อ (ใช้สไตล์เดิม แต่เปลี่ยนสีเส้นใต้) */ .included-section .section-title { font-size: 1.3rem; color: #2f3640; margin-bottom: 20px; font-weight: 700; position: relative; padding-bottom: 10px; } .included-section .section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #fbc531; /* เส้นใต้สีเหลืองส้ม */ border-radius: 2px; } .included-list { list-style: none; padding: 0; margin: 0; } /* --- รายการ + Hover Effect --- */ .included-list li { display: flex; align-items: center; margin-bottom: 8px; font-size: 1rem; color: #636e72; padding: 10px; border-radius: 8px; transition: all 0.3s ease; cursor: default; } /* เอฟเฟกต์เมื่อเอาเมาส์ไปชี้ */ .included-list li:hover { transform: translateX(10px); background-color: #fffaf0; /* พื้นหลังสีครีมเหลืองอ่อนๆ */ color: #e1b12c; /* ตัวหนังสือสีเหลืองเข้ม */ box-shadow: 0 2px 8px rgba(251, 197, 49, 0.2); /* เงาสีเหลือง */ } /* --- ไอคอน + Animation --- */ .check-circle-icon { width: 24px; height: 24px; margin-right: 15px; flex-shrink: 0; /* อนิเมชั่น Pulse สีเหลือง */ animation: yellowPulse 2s infinite ease-in-out; } /* สร้างอนิเมชั่นจังหวะหัวใจเต้น (สีเหลือง) */ @keyframes yellowPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); box-shadow: 0 0 10px rgba(251, 197, 49, 0.4); border-radius: 50%; } 100% { transform: scale(1); } } /* ดีเลย์อนิเมชั่นไล่ระดับเพื่อความสวยงาม */ .included-list li:nth-child(1) .check-circle-icon { animation-delay: 0s; } .included-list li:nth-child(2) .check-circle-icon { animation-delay: 0.2s; } .included-list li:nth-child(3) .check-circle-icon { animation-delay: 0.4s; } .included-list li:nth-child(4) .check-circle-icon { animation-delay: 0.6s; } .included-list li:nth-child(5) .check-circle-icon { animation-delay: 0.8s; } /* ...ไล่ไปเรื่อยๆ ก็ได้ครับถ้าขยันใส่ หรือปล่อยไว้แค่นี้ก็สวยแล้ว *//* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d42acaa */.action-section { text-align: center; /* จัดทุกอย่างให้อยู่ตรงกลาง */ padding: 25px 15px; background: #fff; border-radius: 0 0 12px 12px; /* โค้งมนเฉพาะด้านล่างปิดท้ายการ์ด */ margin-top: -10px; /* ขยับขึ้นไปชิดส่วนบนนิดนึง */ font-family: sans-serif; } /* --- ตกแต่งปุ่ม Book Now --- */ .book-btn { display: inline-block; text-decoration: none; font-size: 1.2rem; font-weight: 700; color: white; /* ไล่สีส้ม-แดง ให้ดูพรีเมียม */ background: linear-gradient(45deg, #ff5722, #ff1744); padding: 12px 40px; border-radius: 50px; /* ปุ่มทรงแคปซูล */ /* เงาฟุ้งๆ สีส้ม */ box-shadow: 0 5px 15px rgba(255, 87, 34, 0.4); /* อนิเมชั่น */ transition: all 0.3s ease; animation: pulseButton 2s infinite; /* สั่งให้ปุ่มเต้นตุบๆ ตลอดเวลา */ } /* เอฟเฟกต์ตอนเอาเมาส์ไปชี้ */ .book-btn:hover { transform: translateY(-3px) scale(1.05); /* ลอยขึ้นและขยายใหญ่ */ box-shadow: 0 8px 25px rgba(255, 87, 34, 0.6); /* เงาชัดขึ้น */ background: linear-gradient(45deg, #ff1744, #d50000); /* สีเข้มขึ้นนิดหน่อย */ } /* --- ตกแต่งส่วนรีวิว --- */ .rating-box { margin-top: 15px; display: flex; justify-content: center; align-items: center; gap: 10px; color: #636e72; font-size: 0.95rem; } .stars { color: #f1c40f; /* สีเหลืองทอง */ font-size: 1.2rem; letter-spacing: 2px; /* ห่างกันนิดนึง */ } /* --- Keyframes สำหรับอนิเมชั่นปุ่มเต้น --- */ @keyframes pulseButton { 0% { transform: scale(1); box-shadow: 0 5px 15px rgba(255, 87, 34, 0.4); } 50% { transform: scale(1.05); box-shadow: 0 10px 20px rgba(255, 87, 34, 0.6); } 100% { transform: scale(1); box-shadow: 0 5px 15px rgba(255, 87, 34, 0.4); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5a37be4 *//* คอนเทนเนอร์หลัก */ .tour-specs-container { display: grid; grid-template-columns: repeat(4, 1fr); /* แบ่ง 4 ช่องเท่ากัน */ gap: 15px; /* ช่องว่างระหว่างกล่อง */ padding: 20px; background: #fff; /* เพิ่มเส้นขอบบางๆ ด้านล่าง เพื่อแบ่งส่วนให้ชัดเจนแบบในภาพตัวอย่าง */ border-bottom: 2px solid #0984e3; margin-bottom: 20px; font-family: sans-serif; } /* การ์ดแต่ละใบ */ .spec-card { display: flex; align-items: center; /* จัดให้อยู่กึ่งกลางแนวตั้ง */ gap: 12px; /* ระยะห่างระหว่างไอคอนกับข้อความ */ padding: 10px; /* ตัดพื้นหลังออกเพื่อให้ดูคลีนๆ เป็นระเบียบเหมือนในภาพ */ background: transparent; border-right: 1px solid #eee; /* เส้นคั่นแนวตั้ง */ } /* ลบเส้นคั่นของช่องสุดท้ายออก */ .spec-card:last-child { border-right: none; } /* --- ไอคอน --- */ .icon-box { display: flex; align-items: center; justify-content: center; color: #2d3436; /* สีไอคอนเข้มๆ (ตามที่ขอ) */ flex-shrink: 0; } .icon-box svg { width: 28px; /* ปรับขนาดไอคอนให้พอดี */ height: 28px; } /* --- ข้อความ --- */ .text-content { display: flex; flex-direction: column; /* เรียงบนลงล่าง */ justify-content: center; } /* หัวข้อ (TYPE, GROUP) -> สีเข้มกว่า แตกต่างชัดเจน */ .spec-label { font-size: 0.95rem; font-weight: 700; /* ตัวหนา */ color: #2c3e50; /* สีน้ำเงินเข้มเกือบดำ */ letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 2px; } /* เนื้อหารอง (Speedboat) -> สีอ่อนลง */ .spec-value { font-size: 0.85rem; font-weight: 400; /* ตัวปกติ */ color: #95a5a6; /* สีเทาอ่อน */ } /* ========================================= Mobile Responsive (มือถือ) ========================================= */ @media (max-width: 768px) { .tour-specs-container { grid-template-columns: repeat(2, 1fr); /* เหลือ 2 คอลัมน์ */ gap: 20px; border-bottom: none; /* เอาเส้นล่างออกในมือถือ */ } .spec-card { border-right: none; /* เอาเส้นคั่นออก */ background: #f9f9f9; /* ใส่พื้นหลังจางๆ ให้ดูแบ่งเป็นก้อนชัดเจนในมือถือ */ border-radius: 8px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6d9ce45 */.tour-title-container { font-family: 'Poppins', sans-serif; /* แนะนำฟอนต์นี้ครับ */ padding: 20px 0; text-align: left; /* จัดชิดซ้าย (หรือแก้เป็น center ถ้าชอบตรงกลาง) */ margin-bottom: 20px; } /* --- ส่วนป้ายกำกับด้านบน --- */ .tour-tags { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 0.85rem; font-weight: 600; } .tag-badge { background: #ff7675; /* สีส้มอมชมพู */ color: white; padding: 4px 10px; border-radius: 4px; letter-spacing: 0.5px; font-size: 0.7rem; text-transform: uppercase; } .tag-text { color: #636e72; /* สีเทา */ text-transform: uppercase; letter-spacing: 1px; position: relative; padding-left: 10px; } /* เส้นขีดคั่นเล็กๆ หน้า tag text */ .tag-text::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #b2bec3; border-radius: 50%; } /* --- หัวข้อหลัก --- */ .main-heading { margin: 0; line-height: 1.2; color: #2c3e50; /* สีน้ำเงินเข้มเกือบดำ */ font-size: 2.2rem; /* ขนาดตัวอักษรใหญ่ */ font-weight: 700; } /* คำว่า by Speedboat (ทำให้ดูบางลงและสีอ่อนลง) */ .sub-heading { display: block; /* ขึ้นบรรทัดใหม่ (ถ้าอยากให้อยู่บรรทัดเดียว ลบอันนี้ออก) */ font-size: 1.5rem; /* เล็กลงหน่อย */ font-weight: 300; /* ตัวบาง */ color: #0984e3; /* สีฟ้าไกด์ไลน์ของเรา */ margin-top: 5px; font-style: italic; /* ตัวเอียงเล็กน้อยให้ดูพริ้ว */ } /* --- เส้นขีดตกแต่งด้านล่าง --- */ .title-divider { width: 60px; height: 4px; background: linear-gradient(90deg, #0984e3, #74b9ff); /* ไล่สีฟ้า */ margin-top: 15px; border-radius: 2px; } /* Mobile Responsive */ @media (max-width: 600px) { .main-heading { font-size: 1.8rem; } .sub-heading { font-size: 1.2rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-44a704f *//* คอนเทนเนอร์หลักสำหรับส่วนหัวและเส้น */ .itinerary-grand-header { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 10px; padding-top: 30px; } /* เส้นขีดตกแต่งซ้ายขวา */ .decorative-line { height: 2px; width: 60px; /* ความยาวเส้น */ background: linear-gradient(90deg, transparent, #e0e0e0, transparent); /* ไล่สีจางๆ หัวท้าย */ border-radius: 2px; } /* --- กล่องไอคอนตรงกลาง (Highlight) --- */ .center-icon-wrapper { width: 60px; height: 60px; background: linear-gradient(135deg, #0984e3, #00cec9); /* สีฟ้า-เขียวน้ำทะเล */ border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; /* เงาฟุ้งๆ ให้ดูลอยออกมา */ box-shadow: 0 8px 20px rgba(9, 132, 227, 0.4); /* เพิ่มขอบขาวหนาๆ ตัดกับพื้นหลัง */ border: 4px solid white; position: relative; z-index: 2; } .center-icon-wrapper svg { width: 28px; height: 28px; /* อนิเมชั่นเด้งดึ๋งเบาๆ */ animation: bounceIcon 2s infinite; } /* --- ส่วนข้อความ --- */ .itinerary-text-group { text-align: center; /* จัดกลาง */ font-family: 'Poppins', sans-serif; margin-bottom: 30px; } .grand-title { font-size: 2.2rem; font-weight: 800; /* หนาพิเศษ */ letter-spacing: 3px; /* ห่างกันนิดนึงให้ดูแพง */ color: #2d3436; margin: 10px 0 5px 0; text-transform: uppercase; /* เทคนิคสี Gradient ที่ตัวหนังสือ */ background: -webkit-linear-gradient(45deg, #2d3436, #636e72); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .grand-subtitle { font-size: 1rem; color: #b2bec3; font-weight: 300; font-style: italic; margin: 0; letter-spacing: 1px; } /* ตัวชี้ลงด้านล่าง */ .down-indicator { font-size: 2rem; color: #0984e3; margin-top: -10px; opacity: 0.5; animation: floatDown 1.5s infinite ease-in-out; } /* --- Animations --- */ @keyframes bounceIcon { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes floatDown { 0%, 100% { transform: translateY(0); opacity: 0.3; } 50% { transform: translateY(5px); opacity: 0.8; } } /* --- Mobile Responsive --- */ @media (max-width: 600px) { /* บนมือถือ ลดความยาวเส้นตกแต่งลงหน่อย */ .decorative-line { width: 40px; } .grand-title { font-size: 1.8rem; /* ลดขนาดฟอนต์ไม่ให้ล้นจอ */ letter-spacing: 1px; } .center-icon-wrapper { width: 50px; height: 50px; } .center-icon-wrapper svg { width: 24px; height: 24px; } }{"type":"elementor","siteurl":"https://gotravelphuket.com/wp-json/","elements":[{"id":"35acbaf7","elType":"widget","isInner":false,"isLocked":false,"settings":{"twae_list":[{"twae_story_title":"GOOD MORNING!!","twae_description":"

Start your day off early with a transfer to the pier where you'll meet your tour guide and enjoy a coffee and light breakfast before setting off for the Similan Islands on a speedboat. The early start is worth it for the chance to beat the crowds and enjoy the islands in peace and tranquility.

","twae_year":"1994","twae_date_label":"Transfer from your Hotel","twae_extra_label":"Phuket 4:00-4:30 | Khao Lak 5:00-5:45","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2023/01/sunrise2.jpeg","id":3622,"alt":"","source":"library"},"twae_video_url":"","_id":"2326aa8","twae_story_icon":{"value":"fas fa-car-side","library":"fa-solid"},"twae_show_year_label":"","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"},{"twae_story_title":"Island No. 8","twae_description":"

Your first stop is at the breathtaking Donald Duck Bay, where you will have ample time to explore, relax, and take in the beauty of the white sandy beaches.

","twae_year":"2005","twae_date_label":"Similan Island","twae_extra_label":"Enjoy some beach time!","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2023/01/sim_banner.webp","id":4072,"alt":"similan island, island number 8","source":"library","size":""},"twae_video_url":"","_id":"38ccb46","twae_story_icon":{"value":"fas fa-umbrella-beach","library":"fa-solid"},"twae_show_year_label":"no","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"},{"twae_story_title":"Sail Rock","twae_description":"

Experience the natural beauty of the Similan Islands by embarking on a hike to the viewpoint. Enjoy a short walk through the tropical nature before reaching the summit where you can take in the breathtaking panoramic views and capture stunning photos. 

","twae_year":"2008","twae_date_label":"Similan Island","twae_extra_label":"Hike up to the viewpoint","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2023/01/Simi1.png","id":4073,"alt":"SImilan Island","source":"library","size":""},"twae_video_url":"","_id":"3955084","twae_story_icon":{"value":"fas fa-walking","library":"fa-solid"},"twae_show_year_label":"no","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"},{"_id":"7132080","twae_year":"2022","twae_date_label":"Explore the marine life underwater","twae_extra_label":"Snorkeling stop","twae_story_title":"Similan Islands","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2024/03/ebc122f2-8104-4729-a891-5c19a1698976-jpg.webp","id":6668,"alt":"","source":"library","size":""},"twae_description":"

After jump in the crystal clear water and explore the marine life. A complete snorkeling set including mask and fins will be provided. If we are lucky we will see some turtle swimming around.

","twae_story_icon":{"value":"fas fa-fish","library":"fa-solid"},"twae_show_year_label":"no","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"},{"_id":"ba9672b","twae_year":"2022","twae_date_label":"Koh Miang","twae_extra_label":"Lunch and free time at the beach","twae_story_title":"Princess Bay","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2023/01/similan-islands3.webp","id":4075,"alt":"Koh Miang , Similan Islands","source":"library","size":""},"twae_description":"

Experience the ultimate relaxation at Princess Bay with a picnic lunch on the unforgettable beach, Paradise Found!

","twae_story_icon":{"value":"fas fa-utensils","library":"fa-solid"},"twae_show_year_label":"no","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"},{"_id":"5198774","twae_year":"2022","twae_date_label":"Koh Miang","twae_extra_label":"Free time at the beach","twae_story_title":"Honeymoon Bay","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2023/01/Simi4.png","id":4076,"alt":"Honeymoon Bay","source":"library","size":""},"twae_description":"

Take a short stroll to beautiful Honeymoon beach, about 15 min walk from Princess Bay.

","twae_story_icon":{"value":"fas fa-umbrella-beach","library":"fa-solid"},"twae_show_year_label":"no","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"},{"_id":"fe97a92","twae_year":"2022","twae_date_label":"Koh Miang - long snorkeling stop","twae_extra_label":"Arrive around 16:00 back at the pier","twae_story_title":"Snorkeling and return to mainland","twae_image":{"url":"http://gotravelphuket.com/wp-content/uploads/2023/01/Simi5.png","id":4074,"alt":"Snorkeling Similan Islands Surin Islands","source":"library","size":""},"twae_description":"

Enjoy another snorkeling stop in these waters and maybe you are lucky and get to spot a turtle! After return to the pier and transfer back to your hotel.

","twae_story_icon":{"value":"fas fa-fish","library":"fa-solid"},"twae_show_year_label":"no","twae_media":"image","twae_thumbnail_size":"large","twae_icon_type":"icon"}],"twae_icon_position":{"unit":"px","size":1,"sizes":[]},"twae_date_label_color":"#326988","twae_line_color":"#FFCE47","twae_extra_label_color":"#F32811","twae_cbox_border_color":"#326998","_margin":{"unit":"px","top":"-35","right":"-0","bottom":"-0","left":"-0","isLinked":false},"twae_title_typography_typography":"custom","twae_title_typography_font_size":{"unit":"px","size":27,"sizes":[]},"twae_story_title_margin":{"unit":"px","size":10,"sizes":[]},"_element_width":"initial","_element_custom_width":{"unit":"%","size":101.389},"_flex_size":"none","_z_index_mobile":0,"twae_layout":"centered","content-alignment":"","content-alignment_alternate":"right","twae_icon_position_tablet":{"unit":"px","size":"","sizes":[]},"twae_icon_position_mobile":{"unit":"px","size":"","sizes":[]},"twae_slides_to_show":2,"twae_autoplay":"false","twae_slides_height":"no-height","twae_icon_bgcolor":"","twae_icon_color":"","twae_label_typography_typography":"","twae_label_typography_font_family":"","twae_label_typography_font_weight":"","twae_label_typography_text_transform":"","twae_label_typography_font_style":"","twae_label_typography_text_decoration":"","twae_yld_label_size":{"unit":"px","size":22,"sizes":[]},"twae_yld_label_size_tablet":{"unit":"px","size":20,"sizes":[]},"twae_yld_label_size_mobile":{"unit":"px","size":18,"sizes":[]},"twae_extra_label_typography_typography":"","twae_extra_label_typography_font_family":"","twae_extra_label_typography_font_weight":"","twae_extra_label_typography_text_transform":"","twae_extra_label_typography_font_style":"","twae_extra_label_typography_text_decoration":"","twae_yld_sublabel_size":{"unit":"px","size":16,"sizes":[]},"twae_yld_sublabel_size_tablet":{"unit":"px","size":14,"sizes":[]},"twae_yld_sublabel_size_mobile":{"unit":"px","size":14,"sizes":[]},"twae_year_label_color":"","twae_year_label_bgcolor":"","twae_year_typography_new_typography":"","twae_year_typography_new_font_family":"","twae_year_typography_new_font_size":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_font_size_laptop":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_font_size_tablet":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_font_size_mobile":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_font_weight":"","twae_year_typography_new_text_transform":"","twae_year_typography_new_font_style":"","twae_year_typography_new_text_decoration":"","twae_year_typography_new_letter_spacing":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_letter_spacing_laptop":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_letter_spacing_tablet":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_letter_spacing_mobile":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_word_spacing":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_word_spacing_laptop":{"unit":"px","size":"","sizes":[]},"twae_year_typography_new_word_spacing_tablet":{"unit":"em","size":"","sizes":[]},"twae_year_typography_new_word_spacing_mobile":{"unit":"em","size":"","sizes":[]},"twae_year_size":{"unit":"px","size":80,"sizes":[]},"twae_year_size_tablet":{"unit":"px","size":80,"sizes":[]},"twae_year_size_mobile":{"unit":"px","size":80,"sizes":[]},"twae_cbox_padding":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"twae_space_between":{"unit":"px","size":"60","sizes":[]},"twae_space_between_laptop":{"unit":"px","size":"","sizes":[]},"twae_space_between_tablet":{"unit":"px","size":"","sizes":[]},"twae_space_between_mobile":{"unit":"px","size":"","sizes":[]},"twae_cbox_background_type":"simple","twae_story_bgcolor":"","twae_cbox_border_width":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"twae_story_title_color":"","twae_title_typography_font_family":"","twae_title_typography_font_size_laptop":{"unit":"px","size":"","sizes":[]},"twae_title_typography_font_size_tablet":{"unit":"px","size":"","sizes":[]},"twae_title_typography_font_size_mobile":{"unit":"px","size":"","sizes":[]},"twae_title_typography_font_weight":"","twae_title_typography_text_transform":"","twae_title_typography_font_style":"","twae_title_typography_text_decoration":"","twae_title_typography_line_height":{"unit":"px","size":"","sizes":[]},"twae_title_typography_line_height_laptop":{"unit":"px","size":"","sizes":[]},"twae_title_typography_line_height_tablet":{"unit":"em","size":"","sizes":[]},"twae_title_typography_line_height_mobile":{"unit":"em","size":"","sizes":[]},"twae_title_typography_letter_spacing":{"unit":"px","size":"","sizes":[]},"twae_title_typography_letter_spacing_laptop":{"unit":"px","size":"","sizes":[]},"twae_title_typography_letter_spacing_tablet":{"unit":"px","size":"","sizes":[]},"twae_title_typography_letter_spacing_mobile":{"unit":"px","size":"","sizes":[]},"twae_title_typography_word_spacing":{"unit":"px","size":"","sizes":[]},"twae_title_typography_word_spacing_laptop":{"unit":"px","size":"","sizes":[]},"twae_title_typography_word_spacing_tablet":{"unit":"em","size":"","sizes":[]},"twae_title_typography_word_spacing_mobile":{"unit":"em","size":"","sizes":[]},"twae_story_title_margin_laptop":{"unit":"px","size":"","sizes":[]},"twae_story_title_margin_tablet":{"unit":"px","size":"","sizes":[]},"twae_story_title_margin_mobile":{"unit":"px","size":"","sizes":[]},"twae_description_color":"","twae_description_typography_typography":"","twae_description_typography_font_family":"","twae_description_typography_font_size":{"unit":"px","size":"","sizes":[]},"twae_description_typography_font_size_laptop":{"unit":"px","size":"","sizes":[]},"twae_description_typography_font_size_tablet":{"unit":"px","size":"","sizes":[]},"twae_description_typography_font_size_mobile":{"unit":"px","size":"","sizes":[]},"twae_description_typography_font_weight":"","twae_description_typography_text_transform":"","twae_description_typography_font_style":"","twae_description_typography_text_decoration":"","twae_description_typography_line_height":{"unit":"px","size":"","sizes":[]},"twae_description_typography_line_height_laptop":{"unit":"px","size":"","sizes":[]},"twae_description_typography_line_height_tablet":{"unit":"em","size":"","sizes":[]},"twae_description_typography_line_height_mobile":{"unit":"em","size":"","sizes":[]},"twae_description_typography_letter_spacing":{"unit":"px","size":"","sizes":[]},"twae_description_typography_letter_spacing_laptop":{"unit":"px","size":"","sizes":[]},"twae_description_typography_letter_spacing_tablet":{"unit":"px","size":"","sizes":[]},"twae_description_typography_letter_spacing_mobile":{"unit":"px","size":"","sizes":[]},"twae_description_typography_word_spacing":{"unit":"px","size":"","sizes":[]},"twae_description_typography_word_spacing_laptop":{"unit":"px","size":"","sizes":[]},"twae_description_typography_word_spacing_tablet":{"unit":"em","size":"","sizes":[]},"twae_description_typography_word_spacing_mobile":{"unit":"em","size":"","sizes":[]},"space_between_story_desc":{"unit":"px","size":"","sizes":[]},"space_between_story_desc_tablet":{"unit":"px","size":"","sizes":[]},"space_between_story_desc_mobile":{"unit":"px","size":"","sizes":[]},"_title":"","_margin_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_margin_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_margin_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_padding":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_padding_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_padding_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_padding_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_element_width_laptop":"","_element_width_tablet":"","_element_width_mobile":"","_element_custom_width_laptop":{"unit":"px","size":"","sizes":[]},"_element_custom_width_tablet":{"unit":"px","size":"","sizes":[]},"_element_custom_width_mobile":{"unit":"px","size":"","sizes":[]},"_grid_column":"","_grid_column_laptop":"","_grid_column_tablet":"","_grid_column_mobile":"","_grid_column_custom":"","_grid_column_custom_laptop":"","_grid_column_custom_tablet":"","_grid_column_custom_mobile":"","_grid_row":"","_grid_row_laptop":"","_grid_row_tablet":"","_grid_row_mobile":"","_grid_row_custom":"","_grid_row_custom_laptop":"","_grid_row_custom_tablet":"","_grid_row_custom_mobile":"","_flex_align_self":"","_flex_align_self_laptop":"","_flex_align_self_tablet":"","_flex_align_self_mobile":"","_flex_order":"","_flex_order_laptop":"","_flex_order_tablet":"","_flex_order_mobile":"","_flex_order_custom":"","_flex_order_custom_laptop":"","_flex_order_custom_tablet":"","_flex_order_custom_mobile":"","_flex_size_laptop":"","_flex_size_tablet":"","_flex_size_mobile":"","_flex_grow":1,"_flex_grow_laptop":"","_flex_grow_tablet":"","_flex_grow_mobile":"","_flex_shrink":1,"_flex_shrink_laptop":"","_flex_shrink_tablet":"","_flex_shrink_mobile":"","_element_vertical_align":"","_element_vertical_align_laptop":"","_element_vertical_align_tablet":"","_element_vertical_align_mobile":"","_position":"","_offset_orientation_h":"start","_offset_x":{"unit":"px","size":0,"sizes":[]},"_offset_x_laptop":{"unit":"px","size":"","sizes":[]},"_offset_x_tablet":{"unit":"px","size":"","sizes":[]},"_offset_x_mobile":{"unit":"px","size":"","sizes":[]},"_offset_x_end":{"unit":"px","size":0,"sizes":[]},"_offset_x_end_laptop":{"unit":"px","size":"","sizes":[]},"_offset_x_end_tablet":{"unit":"px","size":"","sizes":[]},"_offset_x_end_mobile":{"unit":"px","size":"","sizes":[]},"_offset_orientation_v":"start","_offset_y":{"unit":"px","size":0,"sizes":[]},"_offset_y_laptop":{"unit":"px","size":"","sizes":[]},"_offset_y_tablet":{"unit":"px","size":"","sizes":[]},"_offset_y_mobile":{"unit":"px","size":"","sizes":[]},"_offset_y_end":{"unit":"px","size":0,"sizes":[]},"_offset_y_end_laptop":{"unit":"px","size":"","sizes":[]},"_offset_y_end_tablet":{"unit":"px","size":"","sizes":[]},"_offset_y_end_mobile":{"unit":"px","size":"","sizes":[]},"_z_index":"","_z_index_laptop":"","_z_index_tablet":"","_element_id":"","_css_classes":"","e_display_conditions":"","_element_cache":"","motion_fx_motion_fx_scrolling":"","motion_fx_translateY_effect":"","motion_fx_translateY_direction":"","motion_fx_translateY_speed":{"unit":"px","size":4,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_translateX_effect":"","motion_fx_translateX_direction":"","motion_fx_translateX_speed":{"unit":"px","size":4,"sizes":[]},"motion_fx_translateX_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_opacity_effect":"","motion_fx_opacity_direction":"out-in","motion_fx_opacity_level":{"unit":"px","size":10,"sizes":[]},"motion_fx_opacity_range":{"unit":"%","size":"","sizes":{"start":20,"end":80}},"motion_fx_blur_effect":"","motion_fx_blur_direction":"out-in","motion_fx_blur_level":{"unit":"px","size":7,"sizes":[]},"motion_fx_blur_range":{"unit":"%","size":"","sizes":{"start":20,"end":80}},"motion_fx_rotateZ_effect":"","motion_fx_rotateZ_direction":"","motion_fx_rotateZ_speed":{"unit":"px","size":1,"sizes":[]},"motion_fx_rotateZ_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_scale_effect":"","motion_fx_scale_direction":"out-in","motion_fx_scale_speed":{"unit":"px","size":4,"sizes":[]},"motion_fx_scale_range":{"unit":"%","size":"","sizes":{"start":20,"end":80}},"motion_fx_transform_origin_x":"center","motion_fx_transform_origin_y":"center","motion_fx_devices":["desktop","laptop","tablet","mobile"],"motion_fx_range":"","motion_fx_motion_fx_mouse":"","motion_fx_mouseTrack_effect":"","motion_fx_mouseTrack_direction":"","motion_fx_mouseTrack_speed":{"unit":"px","size":1,"sizes":[]},"motion_fx_tilt_effect":"","motion_fx_tilt_direction":"","motion_fx_tilt_speed":{"unit":"px","size":4,"sizes":[]},"handle_motion_fx_asset_loading":"","sticky":"","sticky_on":["desktop","laptop","tablet","mobile"],"sticky_offset":0,"sticky_offset_laptop":"","sticky_offset_tablet":"","sticky_offset_mobile":"","sticky_effects_offset":0,"sticky_effects_offset_laptop":"","sticky_effects_offset_tablet":"","sticky_effects_offset_mobile":"","sticky_anchor_link_offset":0,"sticky_anchor_link_offset_laptop":"","sticky_anchor_link_offset_tablet":"","sticky_anchor_link_offset_mobile":"","sticky_parent":"","_animation":"","_animation_laptop":"","_animation_tablet":"","_animation_mobile":"","animation_duration":"","_animation_delay":"","_transform_rotate_popover":"","_transform_rotateZ_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_rotate_3d":"","_transform_rotateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateX_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateX_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateX_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_rotateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_rotateY_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateY_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateY_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_perspective_effect":{"unit":"px","size":"","sizes":[]},"_transform_perspective_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_perspective_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_perspective_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translate_popover":"","_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_scale_popover":"","_transform_keep_proportions":"yes","_transform_scale_effect":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_skew_popover":"","_transform_skewX_effect":{"unit":"px","size":"","sizes":[]},"_transform_skewX_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_skewX_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_skewX_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_skewY_effect":{"unit":"px","size":"","sizes":[]},"_transform_skewY_effect_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_skewY_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_skewY_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_flipX_effect":"","_transform_flipY_effect":"","_transform_rotate_popover_hover":"","_transform_rotateZ_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_rotateZ_effect_hover_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_hover_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_hover_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_rotate_3d_hover":"","_transform_rotateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_rotateX_effect_hover_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateX_effect_hover_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateX_effect_hover_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_rotateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_rotateY_effect_hover_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_rotateY_effect_hover_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateY_effect_hover_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_perspective_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_perspective_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_perspective_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_perspective_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translate_popover_hover":"","_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_scale_popover_hover":"","_transform_keep_proportions_hover":"yes","_transform_scale_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scaleX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scaleY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_skew_popover_hover":"","_transform_skewX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_skewX_effect_hover_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_skewX_effect_hover_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_skewX_effect_hover_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_skewY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_skewY_effect_hover_laptop":{"unit":"deg","size":"","sizes":[]},"_transform_skewY_effect_hover_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_skewY_effect_hover_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_flipX_effect_hover":"","_transform_flipY_effect_hover":"","_transform_transition_hover":{"unit":"px","size":"","sizes":[]},"motion_fx_transform_x_anchor_point":"","motion_fx_transform_x_anchor_point_laptop":"","motion_fx_transform_x_anchor_point_tablet":"","motion_fx_transform_x_anchor_point_mobile":"","motion_fx_transform_y_anchor_point":"","motion_fx_transform_y_anchor_point_laptop":"","motion_fx_transform_y_anchor_point_tablet":"","motion_fx_transform_y_anchor_point_mobile":"","_background_background":"","_background_color":"","_background_color_stop":{"unit":"%","size":0,"sizes":[]},"_background_color_stop_laptop":{"unit":"%","size":"","sizes":[]},"_background_color_stop_tablet":{"unit":"%","size":"","sizes":[]},"_background_color_stop_mobile":{"unit":"%","size":"","sizes":[]},"_background_color_b":"#f2295b","_background_color_b_stop":{"unit":"%","size":100,"sizes":[]},"_background_color_b_stop_laptop":{"unit":"%","size":"","sizes":[]},"_background_color_b_stop_tablet":{"unit":"%","size":"","sizes":[]},"_background_color_b_stop_mobile":{"unit":"%","size":"","sizes":[]},"_background_gradient_type":"linear","_background_gradient_angle":{"unit":"deg","size":180,"sizes":[]},"_background_gradient_angle_laptop":{"unit":"deg","size":"","sizes":[]},"_background_gradient_angle_tablet":{"unit":"deg","size":"","sizes":[]},"_background_gradient_angle_mobile":{"unit":"deg","size":"","sizes":[]},"_background_gradient_position":"center center","_background_gradient_position_laptop":"center center","_background_gradient_position_tablet":"center center","_background_gradient_position_mobile":"center center","_background_image":{"url":"","id":"","size":""},"_background_image_laptop":{"url":"","id":"","size":""},"_background_image_tablet":{"url":"","id":"","size":""},"_background_image_mobile":{"url":"","id":"","size":""},"_background_position":"","_background_position_laptop":"","_background_position_tablet":"","_background_position_mobile":"","_background_xpos":{"unit":"px","size":0,"sizes":[]},"_background_xpos_laptop":{"unit":"px","size":"","sizes":[]},"_background_xpos_tablet":{"unit":"px","size":0,"sizes":[]},"_background_xpos_mobile":{"unit":"px","size":0,"sizes":[]},"_background_ypos":{"unit":"px","size":0,"sizes":[]},"_background_ypos_laptop":{"unit":"px","size":"","sizes":[]},"_background_ypos_tablet":{"unit":"px","size":0,"sizes":[]},"_background_ypos_mobile":{"unit":"px","size":0,"sizes":[]},"_background_attachment":"","_background_repeat":"","_background_repeat_laptop":"","_background_repeat_tablet":"","_background_repeat_mobile":"","_background_size":"","_background_size_laptop":"","_background_size_tablet":"","_background_size_mobile":"","_background_bg_width":{"unit":"%","size":100,"sizes":[]},"_background_bg_width_laptop":{"unit":"px","size":"","sizes":[]},"_background_bg_width_tablet":{"unit":"px","size":"","sizes":[]},"_background_bg_width_mobile":{"unit":"px","size":"","sizes":[]},"_background_video_link":"","_background_video_start":"","_background_video_end":"","_background_play_once":"","_background_play_on_mobile":"","_background_privacy_mode":"","_background_video_fallback":{"url":"","id":"","size":""},"_background_slideshow_gallery":[],"_background_slideshow_loop":"yes","_background_slideshow_slide_duration":5000,"_background_slideshow_slide_transition":"fade","_background_slideshow_transition_duration":500,"_background_slideshow_background_size":"","_background_slideshow_background_size_laptop":"","_background_slideshow_background_size_tablet":"","_background_slideshow_background_size_mobile":"","_background_slideshow_background_position":"","_background_slideshow_background_position_laptop":"","_background_slideshow_background_position_tablet":"","_background_slideshow_background_position_mobile":"","_background_slideshow_lazyload":"","_background_slideshow_ken_burns":"","_background_slideshow_ken_burns_zoom_direction":"in","_background_hover_background":"","_background_hover_color":"","_background_hover_color_stop":{"unit":"%","size":0,"sizes":[]},"_background_hover_color_stop_laptop":{"unit":"%","size":"","sizes":[]},"_background_hover_color_stop_tablet":{"unit":"%","size":"","sizes":[]},"_background_hover_color_stop_mobile":{"unit":"%","size":"","sizes":[]},"_background_hover_color_b":"#f2295b","_background_hover_color_b_stop":{"unit":"%","size":100,"sizes":[]},"_background_hover_color_b_stop_laptop":{"unit":"%","size":"","sizes":[]},"_background_hover_color_b_stop_tablet":{"unit":"%","size":"","sizes":[]},"_background_hover_color_b_stop_mobile":{"unit":"%","size":"","sizes":[]},"_background_hover_gradient_type":"linear","_background_hover_gradient_angle":{"unit":"deg","size":180,"sizes":[]},"_background_hover_gradient_angle_laptop":{"unit":"deg","size":"","sizes":[]},"_background_hover_gradient_angle_tablet":{"unit":"deg","size":"","sizes":[]},"_background_hover_gradient_angle_mobile":{"unit":"deg","size":"","sizes":[]},"_background_hover_gradient_position":"center center","_background_hover_gradient_position_laptop":"center center","_background_hover_gradient_position_tablet":"center center","_background_hover_gradient_position_mobile":"center center","_background_hover_image":{"url":"","id":"","size":""},"_background_hover_image_laptop":{"url":"","id":"","size":""},"_background_hover_image_tablet":{"url":"","id":"","size":""},"_background_hover_image_mobile":{"url":"","id":"","size":""},"_background_hover_position":"","_background_hover_position_laptop":"","_background_hover_position_tablet":"","_background_hover_position_mobile":"","_background_hover_xpos":{"unit":"px","size":0,"sizes":[]},"_background_hover_xpos_laptop":{"unit":"px","size":"","sizes":[]},"_background_hover_xpos_tablet":{"unit":"px","size":0,"sizes":[]},"_background_hover_xpos_mobile":{"unit":"px","size":0,"sizes":[]},"_background_hover_ypos":{"unit":"px","size":0,"sizes":[]},"_background_hover_ypos_laptop":{"unit":"px","size":"","sizes":[]},"_background_hover_ypos_tablet":{"unit":"px","size":0,"sizes":[]},"_background_hover_ypos_mobile":{"unit":"px","size":0,"sizes":[]},"_background_hover_attachment":"","_background_hover_repeat":"","_background_hover_repeat_laptop":"","_background_hover_repeat_tablet":"","_background_hover_repeat_mobile":"","_background_hover_size":"","_background_hover_size_laptop":"","_background_hover_size_tablet":"","_background_hover_size_mobile":"","_background_hover_bg_width":{"unit":"%","size":100,"sizes":[]},"_background_hover_bg_width_laptop":{"unit":"px","size":"","sizes":[]},"_background_hover_bg_width_tablet":{"unit":"px","size":"","sizes":[]},"_background_hover_bg_width_mobile":{"unit":"px","size":"","sizes":[]},"_background_hover_video_link":"","_background_hover_video_start":"","_background_hover_video_end":"","_background_hover_play_once":"","_background_hover_play_on_mobile":"","_background_hover_privacy_mode":"","_background_hover_video_fallback":{"url":"","id":"","size":""},"_background_hover_slideshow_gallery":[],"_background_hover_slideshow_loop":"yes","_background_hover_slideshow_slide_duration":5000,"_background_hover_slideshow_slide_transition":"fade","_background_hover_slideshow_transition_duration":500,"_background_hover_slideshow_background_size":"","_background_hover_slideshow_background_size_laptop":"","_background_hover_slideshow_background_size_tablet":"","_background_hover_slideshow_background_size_mobile":"","_background_hover_slideshow_background_position":"","_background_hover_slideshow_background_position_laptop":"","_background_hover_slideshow_background_position_tablet":"","_background_hover_slideshow_background_position_mobile":"","_background_hover_slideshow_lazyload":"","_background_hover_slideshow_ken_burns":"","_background_hover_slideshow_ken_burns_zoom_direction":"in","_background_hover_transition":{"unit":"px","size":"","sizes":[]},"_border_border":"","_border_width":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_width_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_width_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_width_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_color":"","_border_radius":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_radius_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_radius_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_radius_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_box_shadow_box_shadow_type":"","_box_shadow_box_shadow":{"horizontal":0,"vertical":0,"blur":10,"spread":0,"color":"rgba(0,0,0,0.5)"},"_box_shadow_box_shadow_position":" ","_border_hover_border":"","_border_hover_width":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_hover_width_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_hover_width_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_hover_width_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_hover_color":"","_border_radius_hover":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_radius_hover_laptop":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_radius_hover_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_border_radius_hover_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"_box_shadow_hover_box_shadow_type":"","_box_shadow_hover_box_shadow":{"horizontal":0,"vertical":0,"blur":10,"spread":0,"color":"rgba(0,0,0,0.5)"},"_box_shadow_hover_box_shadow_position":" ","_border_hover_transition":{"unit":"px","size":"","sizes":[]},"_mask_switch":"","_mask_shape":"circle","_mask_image":{"url":"","id":"","size":""},"_mask_image_laptop":{"url":"","id":"","size":""},"_mask_image_tablet":{"url":"","id":"","size":""},"_mask_image_mobile":{"url":"","id":"","size":""},"_mask_size":"contain","_mask_size_laptop":"","_mask_size_tablet":"","_mask_size_mobile":"","_mask_size_scale":{"unit":"%","size":100,"sizes":[]},"_mask_size_scale_laptop":{"unit":"px","size":"","sizes":[]},"_mask_size_scale_tablet":{"unit":"px","size":"","sizes":[]},"_mask_size_scale_mobile":{"unit":"px","size":"","sizes":[]},"_mask_position":"center center","_mask_position_laptop":"","_mask_position_tablet":"","_mask_position_mobile":"","_mask_position_x":{"unit":"%","size":0,"sizes":[]},"_mask_position_x_laptop":{"unit":"px","size":"","sizes":[]},"_mask_position_x_tablet":{"unit":"px","size":"","sizes":[]},"_mask_position_x_mobile":{"unit":"px","size":"","sizes":[]},"_mask_position_y":{"unit":"%","size":0,"sizes":[]},"_mask_position_y_laptop":{"unit":"px","size":"","sizes":[]},"_mask_position_y_tablet":{"unit":"px","size":"","sizes":[]},"_mask_position_y_mobile":{"unit":"px","size":"","sizes":[]},"_mask_repeat":"no-repeat","_mask_repeat_laptop":"","_mask_repeat_tablet":"","_mask_repeat_mobile":"","hide_desktop":"","hide_laptop":"","hide_tablet":"","hide_mobile":"","_attributes":"","custom_css":""},"defaultEditSettings":{"defaultEditRoute":"content"},"interactions":{},"elements":[],"widgetType":"timeline-widget-addon","htmlCache":"","editSettings":{"defaultEditRoute":"content","panel":{"activeTab":"content","activeSection":"twae_content_section"},"activeItemIndex":1}}]}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b430a16 *//* --- Animation Keyframes --- */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* --- โครงสร้างหลัก (Desktop) --- */ .travel-container { font-family: 'Sarabun', sans-serif; box-sizing: border-box; max-width: 1200px; width: 100%; margin: 40px auto; display: flex; flex-wrap: wrap; align-items: center; gap: 40px; padding: 20px; position: relative; overflow: visible; } /* --- ส่วนข้อความ --- */ .travel-text { flex: 1; min-width: 300px; animation: fadeInUp 0.8s ease-out forwards; z-index: 10; } .travel-text h1 { font-size: clamp(26px, 4vw, 42px); text-transform: uppercase; font-weight: 800; margin-bottom: 25px; color: #333; line-height: 1.3; /* ปรับความสูงบรรทัดเล็กน้อย */ } .highlight-blue { color: #197cf3; } .travel-text p { font-size: 16px; color: #666; margin-bottom: 20px; text-align: justify; line-height: 1.8; /* เพิ่มระยะบรรทัดให้อ่านง่ายสำหรับ List */ } .signature { /* ปรับฟอนต์ให้รองรับภาษาไทยสวยๆ */ font-family: 'Sarabun', sans-serif; font-size: 20px; font-weight: bold; color: #197cf3; margin-top: 30px; } /* --- ส่วนรูปภาพ (Desktop) --- */ .travel-gallery { flex: 1; min-width: 300px; position: relative; height: 500px; animation: fadeInUp 1s ease-out forwards; animation-delay: 0.2s; opacity: 0; } .t-img { position: absolute; background-size: cover; background-position: center; border-radius: 4px; box-shadow: 0 15px 35px rgba(0,0,0,0.15); transition: all 0.4s ease; } .t-img:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 20px 40px rgba(25, 124, 243, 0.2); z-index: 50 !important; } .img-back { width: 65%; height: 85%; top: 0; right: 0; z-index: 1; } .img-left { width: 48%; height: 65%; top: 15%; left: 0; z-index: 2; border: 6px solid #fff; } .img-front { width: 55%; height: 60%; bottom: 0; right: 10%; z-index: 3; border: 6px solid #fff; } /* ========================================= 🔴 MOBILE FIX: แก้ภาพบีบ + แสดงผลสมบูรณ์ 🔴 ========================================= */ @media (max-width: 768px) { .travel-container { display: block; padding: 30px 20px; } .travel-text { width: 100%; margin-bottom: 50px; padding: 0; } .travel-gallery { width: 100%; height: auto !important; display: flex; flex-direction: column; gap: 50px; margin-top: 20px; } .t-img { position: relative !important; width: 100% !important; height: 0 !important; /* ใช้เทคนิค Padding Hack */ background-position: center center !important; border: none !important; box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; } /* กำหนดสัดส่วนรูปภาพ */ .img-back { padding-bottom: 150%; } .img-left { width: 90% !important; margin: 0 auto; padding-bottom: 180%; } .img-front { width: 95% !important; margin: 0 auto; padding-bottom: 133%; } }/* End custom CSS */