.elementor-68 .elementor-element.elementor-element-c4bbedd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-68 .elementor-element.elementor-element-6936f43 > .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-68 .elementor-element.elementor-element-7828b65{text-align:center;}.elementor-68 .elementor-element.elementor-element-7828b65 .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-68 .elementor-element.elementor-element-b5452fb{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-68 .elementor-element.elementor-element-72502ab > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-68 .elementor-element.elementor-element-2cd1150.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68 .elementor-element.elementor-element-2cd1150.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68 .elementor-element.elementor-element-835f67f{text-align:center;}.elementor-68 .elementor-element.elementor-element-835f67f .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-68 .elementor-element.elementor-element-33d6a00{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-68 .elementor-element.elementor-element-b335303 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-68 .elementor-element.elementor-element-c802efb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-68 .elementor-element.elementor-element-c802efb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-68 .elementor-element.elementor-element-be2dce7 img{width:70%;}.elementor-68 .elementor-element.elementor-element-df54940{text-align:center;}.elementor-68 .elementor-element.elementor-element-df54940 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-68 .elementor-element.elementor-element-901d769{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-68 .elementor-element.elementor-element-21405d3{text-align:center;}.elementor-68 .elementor-element.elementor-element-21405d3 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-68 .elementor-element.elementor-element-e587b2e{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-68 .elementor-element.elementor-element-5ed6860 > .elementor-widget-container{margin:-30px 0px 0px 0px;}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-be2dce7 img{width:100%;}}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-7828b65 .elementor-heading-title{font-size:21px;}.elementor-68 .elementor-element.elementor-element-835f67f .elementor-heading-title{font-size:21px;}.elementor-68 .elementor-element.elementor-element-be2dce7 img{width:100%;}.elementor-68 .elementor-element.elementor-element-df54940 .elementor-heading-title{font-size:21px;}.elementor-68 .elementor-element.elementor-element-21405d3 .elementor-heading-title{font-size:21px;}}/* Start custom CSS for heading, class: .elementor-element-7828b65 *//* ======================================== HITSPINBETS - LUXURY BLUE GOLD HEADING ======================================== */ .elementor-68 .elementor-element.elementor-element-7828b65 { 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; } /* แถบหัวข้อ HITSPIN */ .elementor-68 .elementor-element.elementor-element-7828b65 .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดน้ำเงินรอยัลบลูลงน้ำเงินกรมท่า */ background: linear-gradient( 180deg, #4168b5 0%, #294e96 22%, #1b3568 48%, #142746 72%, #09162e 100% ) !important; /* ขอบสีทอง */ border: 1px solid #eac16b !important; border-radius: 18px !important; /* เงาและแสงเรือง */ box-shadow: 0 4px 16px rgba(5,20,50,.25), 0 0 10px rgba(234,193,107,.25), inset 0 2px 0 rgba(255,255,255,.25), inset 0 -3px 8px rgba(0,8,25,.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(0,0,0,.6), 0 0 8px rgba(255,255,255,.12) !important; } /* แสงสะท้อนสีทองขอบบน */ .elementor-68 .elementor-element.elementor-element-7828b65 .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, #eac16b, #fff5ce, #eac16b, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีทองวิ่งผ่านหัวข้อ */ .elementor-68 .elementor-element.elementor-element-7828b65 .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,218,140,.08), rgba(255,235,180,.32), rgba(255,218,140,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: hitspinGoldShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes hitspinGoldShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-68 .elementor-element.elementor-element-7828b65 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-68 .elementor-element.elementor-element-7828b65 .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-68 .elementor-element.elementor-element-7828b65 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-68 .elementor-element.elementor-element-7828b65 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-835f67f *//* ======================================== HITSPINBETS - LUXURY BLUE GOLD HEADING ======================================== */ .elementor-68 .elementor-element.elementor-element-835f67f { 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; } /* แถบหัวข้อ HITSPIN */ .elementor-68 .elementor-element.elementor-element-835f67f .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดน้ำเงินรอยัลบลูลงน้ำเงินกรมท่า */ background: linear-gradient( 180deg, #4168b5 0%, #294e96 22%, #1b3568 48%, #142746 72%, #09162e 100% ) !important; /* ขอบสีทอง */ border: 1px solid #eac16b !important; border-radius: 18px !important; /* เงาและแสงเรือง */ box-shadow: 0 4px 16px rgba(5,20,50,.25), 0 0 10px rgba(234,193,107,.25), inset 0 2px 0 rgba(255,255,255,.25), inset 0 -3px 8px rgba(0,8,25,.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(0,0,0,.6), 0 0 8px rgba(255,255,255,.12) !important; } /* แสงสะท้อนสีทองขอบบน */ .elementor-68 .elementor-element.elementor-element-835f67f .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, #eac16b, #fff5ce, #eac16b, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีทองวิ่งผ่านหัวข้อ */ .elementor-68 .elementor-element.elementor-element-835f67f .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,218,140,.08), rgba(255,235,180,.32), rgba(255,218,140,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: hitspinGoldShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes hitspinGoldShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-68 .elementor-element.elementor-element-835f67f { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-68 .elementor-element.elementor-element-835f67f .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-68 .elementor-element.elementor-element-835f67f .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-68 .elementor-element.elementor-element-835f67f .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-be2dce7 */.elementor-68 .elementor-element.elementor-element-be2dce7 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-df54940 *//* ======================================== HITSPINBETS - LUXURY BLUE GOLD HEADING ======================================== */ .elementor-68 .elementor-element.elementor-element-df54940 { 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; } /* แถบหัวข้อ HITSPIN */ .elementor-68 .elementor-element.elementor-element-df54940 .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดน้ำเงินรอยัลบลูลงน้ำเงินกรมท่า */ background: linear-gradient( 180deg, #4168b5 0%, #294e96 22%, #1b3568 48%, #142746 72%, #09162e 100% ) !important; /* ขอบสีทอง */ border: 1px solid #eac16b !important; border-radius: 18px !important; /* เงาและแสงเรือง */ box-shadow: 0 4px 16px rgba(5,20,50,.25), 0 0 10px rgba(234,193,107,.25), inset 0 2px 0 rgba(255,255,255,.25), inset 0 -3px 8px rgba(0,8,25,.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(0,0,0,.6), 0 0 8px rgba(255,255,255,.12) !important; } /* แสงสะท้อนสีทองขอบบน */ .elementor-68 .elementor-element.elementor-element-df54940 .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, #eac16b, #fff5ce, #eac16b, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีทองวิ่งผ่านหัวข้อ */ .elementor-68 .elementor-element.elementor-element-df54940 .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,218,140,.08), rgba(255,235,180,.32), rgba(255,218,140,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: hitspinGoldShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes hitspinGoldShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-68 .elementor-element.elementor-element-df54940 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-68 .elementor-element.elementor-element-df54940 .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-68 .elementor-element.elementor-element-df54940 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-68 .elementor-element.elementor-element-df54940 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-21405d3 *//* ======================================== HITSPINBETS - LUXURY BLUE GOLD HEADING ======================================== */ .elementor-68 .elementor-element.elementor-element-21405d3 { 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; } /* แถบหัวข้อ HITSPIN */ .elementor-68 .elementor-element.elementor-element-21405d3 .elementor-heading-title { position: relative !important; z-index: 1; display: block !important; width: 100% !important; margin: 0 !important; padding: 7px 12px !important; overflow: hidden !important; /* ไล่เฉดน้ำเงินรอยัลบลูลงน้ำเงินกรมท่า */ background: linear-gradient( 180deg, #4168b5 0%, #294e96 22%, #1b3568 48%, #142746 72%, #09162e 100% ) !important; /* ขอบสีทอง */ border: 1px solid #eac16b !important; border-radius: 18px !important; /* เงาและแสงเรือง */ box-shadow: 0 4px 16px rgba(5,20,50,.25), 0 0 10px rgba(234,193,107,.25), inset 0 2px 0 rgba(255,255,255,.25), inset 0 -3px 8px rgba(0,8,25,.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(0,0,0,.6), 0 0 8px rgba(255,255,255,.12) !important; } /* แสงสะท้อนสีทองขอบบน */ .elementor-68 .elementor-element.elementor-element-21405d3 .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, #eac16b, #fff5ce, #eac16b, transparent ) !important; pointer-events: none !important; } /* เอฟเฟกต์แสงสีทองวิ่งผ่านหัวข้อ */ .elementor-68 .elementor-element.elementor-element-21405d3 .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,218,140,.08), rgba(255,235,180,.32), rgba(255,218,140,.08), transparent ) !important; transform: rotate(25deg) !important; pointer-events: none !important; animation: hitspinGoldShine 6s ease-in-out infinite; } /* การเคลื่อนไหวของแสง */ @keyframes hitspinGoldShine { 0%, 15% { left: -45%; } 45%, 100% { left: 135%; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 767px) { .elementor-68 .elementor-element.elementor-element-21405d3 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-68 .elementor-element.elementor-element-21405d3 .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-68 .elementor-element.elementor-element-21405d3 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-68 .elementor-element.elementor-element-21405d3 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */