.elementor-40 .elementor-element.elementor-element-b269960{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-40 .elementor-element.elementor-element-b269960 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-40 .elementor-element.elementor-element-cb83f2d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-40 .elementor-element.elementor-element-cb83f2d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.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-40 .elementor-element.elementor-element-3072b0e img{width:85%;}.elementor-bc-flex-widget .elementor-40 .elementor-element.elementor-element-504711e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-40 .elementor-element.elementor-element-504711e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.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-40 .elementor-element.elementor-element-97fb140{text-align:center;}.elementor-40 .elementor-element.elementor-element-97fb140 .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-40 .elementor-element.elementor-element-738da6a{font-family:"Kanit", Sans-serif;font-weight:400;color:#000000;}.elementor-40 .elementor-element.elementor-element-dcceb08 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-7085b8e{text-align:center;}.elementor-40 .elementor-element.elementor-element-7085b8e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:600;color:#06FDFA;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-40 .elementor-element.elementor-element-b201d01{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-40 .elementor-element.elementor-element-b201d01:after{content:"0.6";}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__thumbnail__link{width:100%;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__meta-data span + span:before{content:"•";}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__card{background-color:#053168;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__text{margin-top:20px;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__title, .elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__title a{color:#FFFFFF;font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__meta-data{color:#FFFFFF;font-family:"Kanit", Sans-serif;font-weight:400;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__excerpt p{color:#FFFFFF;font-family:"Kanit", Sans-serif;font-weight:400;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__read-more{color:#FFB737;}.elementor-40 .elementor-element.elementor-element-b201d01 a.elementor-post__read-more{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-40 .elementor-element.elementor-element-b201d01 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-40 .elementor-element.elementor-element-b201d01 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-40 .elementor-element.elementor-element-b201d01 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-40 .elementor-element.elementor-element-b201d01 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-cb83f2d{width:40%;}.elementor-40 .elementor-element.elementor-element-504711e{width:60%;}}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-3072b0e img{width:100%;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-3072b0e img{width:100%;}.elementor-40 .elementor-element.elementor-element-97fb140 .elementor-heading-title{font-size:21px;}.elementor-40 .elementor-element.elementor-element-7085b8e .elementor-heading-title{font-size:21px;}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-40 .elementor-element.elementor-element-b201d01:after{content:"0.6";}.elementor-40 .elementor-element.elementor-element-b201d01 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for image, class: .elementor-element-3072b0e */.elementor-40 .elementor-element.elementor-element-3072b0e 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-97fb140 *//* ======================================== HITSPINBETS - LUXURY BLUE GOLD HEADING ======================================== */ .elementor-40 .elementor-element.elementor-element-97fb140 { 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-40 .elementor-element.elementor-element-97fb140 .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-40 .elementor-element.elementor-element-97fb140 .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-40 .elementor-element.elementor-element-97fb140 .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-40 .elementor-element.elementor-element-97fb140 { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-40 .elementor-element.elementor-element-97fb140 .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-40 .elementor-element.elementor-element-97fb140 .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-40 .elementor-element.elementor-element-97fb140 .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7085b8e *//* ======================================== HITSPINBETS - LUXURY BLUE GOLD HEADING ======================================== */ .elementor-40 .elementor-element.elementor-element-7085b8e { 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-40 .elementor-element.elementor-element-7085b8e .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-40 .elementor-element.elementor-element-7085b8e .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-40 .elementor-element.elementor-element-7085b8e .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-40 .elementor-element.elementor-element-7085b8e { width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; padding: 0 !important; } .elementor-40 .elementor-element.elementor-element-7085b8e .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-40 .elementor-element.elementor-element-7085b8e .elementor-heading-title { font-size: 18px !important; padding: 6px 6px !important; } } /* ลดการเคลื่อนไหว */ @media (prefers-reduced-motion: reduce) { .elementor-40 .elementor-element.elementor-element-7085b8e .elementor-heading-title::after { animation: none !important; } }/* End custom CSS */