.elementor-29 .elementor-element.elementor-element-dbb8d08{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-a5520c0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 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-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-e473b15{text-align:center;}.elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.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-311ab6c{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-42b38a0 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-6a8656b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-29 .elementor-element.elementor-element-6a8656b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-29 .elementor-element.elementor-element-735a861.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-29 .elementor-element.elementor-element-735a861.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-29 .elementor-element.elementor-element-589020d img{width:80%;}.elementor-bc-flex-widget .elementor-29 .elementor-element.elementor-element-d5f8490.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-29 .elementor-element.elementor-element-d5f8490.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-29 .elementor-element.elementor-element-0bc3aba{text-align:center;}.elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-29 .elementor-element.elementor-element-b75cd0b{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-558d837 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-9becaf3{text-align:center;}.elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-29 .elementor-element.elementor-element-1a2a988{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-dc4786e > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-c3d302e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-29 .elementor-element.elementor-element-c3d302e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-29 .elementor-element.elementor-element-05c9cde.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-29 .elementor-element.elementor-element-05c9cde.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-29 .elementor-element.elementor-element-d6cb3fd{text-align:center;}.elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-29 .elementor-element.elementor-element-c500c6c{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-fe8f95e > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-29 .elementor-element.elementor-element-d5df852.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-29 .elementor-element.elementor-element-d5df852.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-29 .elementor-element.elementor-element-efac079 img{width:80%;}.elementor-29 .elementor-element.elementor-element-9aa0df2{text-align:center;}.elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-29 .elementor-element.elementor-element-cf1e1aa{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-29 .elementor-element.elementor-element-04d0525 > .elementor-widget-container{margin:-30px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-589020d img{width:100%;}.elementor-29 .elementor-element.elementor-element-efac079 img{width:100%;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title{font-size:21px;}.elementor-29 .elementor-element.elementor-element-589020d img{width:100%;}.elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title{font-size:21px;}.elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title{font-size:21px;}.elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title{font-size:21px;}.elementor-29 .elementor-element.elementor-element-efac079 img{width:100%;}.elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title{font-size:21px;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-735a861{width:40%;}.elementor-29 .elementor-element.elementor-element-d5f8490{width:60%;}.elementor-29 .elementor-element.elementor-element-05c9cde{width:60%;}.elementor-29 .elementor-element.elementor-element-d5df852{width:40%;}}/* Start custom CSS for heading, class: .elementor-element-e473b15 *//* ======================================== MASARUBET - LUXURY PINK HEADING ======================================== */ .elementor-29 .elementor-element.elementor-element-e473b15 { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; box-sizing: border-box !important; isolation: isolate; } /* แถบหัวข้อ MASARUBET */ .elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดชมพูสดลงชมพูเข้ม */ background: linear-gradient( 180deg, #f767b2 0%, #df368b 22%, #b91f70 48%, #8e1559 72%, #570b3b 100% ) !important; /* ขอบชมพูเพิร์ล */ border: 1px solid #ffc2e5 !important; border-radius: 18px !important; /* เงาและแสงเรืองสีชมพู */ box-shadow: 0 4px 16px rgba(100,5,55,.25), 0 0 10px rgba(255,105,180,.28), inset 0 2px 0 rgba(255,255,255,.30), inset 0 -3px 8px rgba(65,0,35,.35) !important; /* ข้อความสีขาว */ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: 'Kanit', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-shadow: 0 2px 5px rgba(65,0,35,.65), 0 0 8px rgba(255,220,240,.20) !important; } /* แสงสะท้อนชมพูเพิร์ลบริเวณขอบบน */ .elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 2px !important; background: linear-gradient( 90deg, transparent, #ff9bd1, #fff0f9, #ff9bd1, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีชมพูวิ่งผ่านหัวข้อ */ .elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title::after { content: "" !important; position: absolute !important; top: -70% !important; left: -45% !important; width: 24% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255,190,225,.08), rgba(255,235,248,.38), rgba(255,190,225,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: masaruPinkShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes masaruPinkShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-29 .elementor-element.elementor-element-e473b15 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title { padding: 6px 8px !important; font-size: 18px !important; line-height: 1.2 !important; border-radius: 14px !important; } } /* มือถือจอเล็ก */ @media (max-width: 360px) { .elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-29 .elementor-element.elementor-element-e473b15 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-589020d */.elementor-29 .elementor-element.elementor-element-589020d img { animation: gentleFloat 7s ease-in-out infinite !important; will-change: transform; } @keyframes gentleFloat { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -10px, 0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0bc3aba *//* ======================================== MASARUBET - LUXURY PINK HEADING ======================================== */ .elementor-29 .elementor-element.elementor-element-0bc3aba { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; box-sizing: border-box !important; isolation: isolate; } /* แถบหัวข้อ MASARUBET */ .elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดชมพูสดลงชมพูเข้ม */ background: linear-gradient( 180deg, #f767b2 0%, #df368b 22%, #b91f70 48%, #8e1559 72%, #570b3b 100% ) !important; /* ขอบชมพูเพิร์ล */ border: 1px solid #ffc2e5 !important; border-radius: 18px !important; /* เงาและแสงเรืองสีชมพู */ box-shadow: 0 4px 16px rgba(100,5,55,.25), 0 0 10px rgba(255,105,180,.28), inset 0 2px 0 rgba(255,255,255,.30), inset 0 -3px 8px rgba(65,0,35,.35) !important; /* ข้อความสีขาว */ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: 'Kanit', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-shadow: 0 2px 5px rgba(65,0,35,.65), 0 0 8px rgba(255,220,240,.20) !important; } /* แสงสะท้อนชมพูเพิร์ลบริเวณขอบบน */ .elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 2px !important; background: linear-gradient( 90deg, transparent, #ff9bd1, #fff0f9, #ff9bd1, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีชมพูวิ่งผ่านหัวข้อ */ .elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title::after { content: "" !important; position: absolute !important; top: -70% !important; left: -45% !important; width: 24% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255,190,225,.08), rgba(255,235,248,.38), rgba(255,190,225,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: masaruPinkShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes masaruPinkShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-29 .elementor-element.elementor-element-0bc3aba { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title { padding: 6px 8px !important; font-size: 18px !important; line-height: 1.2 !important; border-radius: 14px !important; } } /* มือถือจอเล็ก */ @media (max-width: 360px) { .elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-29 .elementor-element.elementor-element-0bc3aba .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9becaf3 *//* ======================================== MASARUBET - LUXURY PINK HEADING ======================================== */ .elementor-29 .elementor-element.elementor-element-9becaf3 { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; box-sizing: border-box !important; isolation: isolate; } /* แถบหัวข้อ MASARUBET */ .elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดชมพูสดลงชมพูเข้ม */ background: linear-gradient( 180deg, #f767b2 0%, #df368b 22%, #b91f70 48%, #8e1559 72%, #570b3b 100% ) !important; /* ขอบชมพูเพิร์ล */ border: 1px solid #ffc2e5 !important; border-radius: 18px !important; /* เงาและแสงเรืองสีชมพู */ box-shadow: 0 4px 16px rgba(100,5,55,.25), 0 0 10px rgba(255,105,180,.28), inset 0 2px 0 rgba(255,255,255,.30), inset 0 -3px 8px rgba(65,0,35,.35) !important; /* ข้อความสีขาว */ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: 'Kanit', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-shadow: 0 2px 5px rgba(65,0,35,.65), 0 0 8px rgba(255,220,240,.20) !important; } /* แสงสะท้อนชมพูเพิร์ลบริเวณขอบบน */ .elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 2px !important; background: linear-gradient( 90deg, transparent, #ff9bd1, #fff0f9, #ff9bd1, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีชมพูวิ่งผ่านหัวข้อ */ .elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title::after { content: "" !important; position: absolute !important; top: -70% !important; left: -45% !important; width: 24% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255,190,225,.08), rgba(255,235,248,.38), rgba(255,190,225,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: masaruPinkShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes masaruPinkShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-29 .elementor-element.elementor-element-9becaf3 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title { padding: 6px 8px !important; font-size: 18px !important; line-height: 1.2 !important; border-radius: 14px !important; } } /* มือถือจอเล็ก */ @media (max-width: 360px) { .elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-29 .elementor-element.elementor-element-9becaf3 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d6cb3fd *//* ======================================== MASARUBET - LUXURY PINK HEADING ======================================== */ .elementor-29 .elementor-element.elementor-element-d6cb3fd { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; box-sizing: border-box !important; isolation: isolate; } /* แถบหัวข้อ MASARUBET */ .elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดชมพูสดลงชมพูเข้ม */ background: linear-gradient( 180deg, #f767b2 0%, #df368b 22%, #b91f70 48%, #8e1559 72%, #570b3b 100% ) !important; /* ขอบชมพูเพิร์ล */ border: 1px solid #ffc2e5 !important; border-radius: 18px !important; /* เงาและแสงเรืองสีชมพู */ box-shadow: 0 4px 16px rgba(100,5,55,.25), 0 0 10px rgba(255,105,180,.28), inset 0 2px 0 rgba(255,255,255,.30), inset 0 -3px 8px rgba(65,0,35,.35) !important; /* ข้อความสีขาว */ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: 'Kanit', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-shadow: 0 2px 5px rgba(65,0,35,.65), 0 0 8px rgba(255,220,240,.20) !important; } /* แสงสะท้อนชมพูเพิร์ลบริเวณขอบบน */ .elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 2px !important; background: linear-gradient( 90deg, transparent, #ff9bd1, #fff0f9, #ff9bd1, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีชมพูวิ่งผ่านหัวข้อ */ .elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title::after { content: "" !important; position: absolute !important; top: -70% !important; left: -45% !important; width: 24% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255,190,225,.08), rgba(255,235,248,.38), rgba(255,190,225,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: masaruPinkShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes masaruPinkShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-29 .elementor-element.elementor-element-d6cb3fd { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title { padding: 6px 8px !important; font-size: 18px !important; line-height: 1.2 !important; border-radius: 14px !important; } } /* มือถือจอเล็ก */ @media (max-width: 360px) { .elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-29 .elementor-element.elementor-element-d6cb3fd .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-efac079 */.elementor-29 .elementor-element.elementor-element-efac079 img { animation: gentleFloat 7s ease-in-out infinite !important; will-change: transform; } @keyframes gentleFloat { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -10px, 0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9aa0df2 *//* ======================================== MASARUBET - LUXURY PINK HEADING ======================================== */ .elementor-29 .elementor-element.elementor-element-9aa0df2 { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; box-sizing: border-box !important; isolation: isolate; } /* แถบหัวข้อ MASARUBET */ .elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดชมพูสดลงชมพูเข้ม */ background: linear-gradient( 180deg, #f767b2 0%, #df368b 22%, #b91f70 48%, #8e1559 72%, #570b3b 100% ) !important; /* ขอบชมพูเพิร์ล */ border: 1px solid #ffc2e5 !important; border-radius: 18px !important; /* เงาและแสงเรืองสีชมพู */ box-shadow: 0 4px 16px rgba(100,5,55,.25), 0 0 10px rgba(255,105,180,.28), inset 0 2px 0 rgba(255,255,255,.30), inset 0 -3px 8px rgba(65,0,35,.35) !important; /* ข้อความสีขาว */ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: 'Kanit', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-shadow: 0 2px 5px rgba(65,0,35,.65), 0 0 8px rgba(255,220,240,.20) !important; } /* แสงสะท้อนชมพูเพิร์ลบริเวณขอบบน */ .elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title::before { content: "" !important; position: absolute !important; top: 0 !important; left: 8% !important; width: 84% !important; height: 2px !important; background: linear-gradient( 90deg, transparent, #ff9bd1, #fff0f9, #ff9bd1, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีชมพูวิ่งผ่านหัวข้อ */ .elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title::after { content: "" !important; position: absolute !important; top: -70% !important; left: -45% !important; width: 24% !important; height: 240% !important; background: linear-gradient( 90deg, transparent, rgba(255,190,225,.08), rgba(255,235,248,.38), rgba(255,190,225,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: masaruPinkShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes masaruPinkShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-29 .elementor-element.elementor-element-9aa0df2 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title { padding: 6px 8px !important; font-size: 18px !important; line-height: 1.2 !important; border-radius: 14px !important; } } /* มือถือจอเล็ก */ @media (max-width: 360px) { .elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-29 .elementor-element.elementor-element-9aa0df2 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */