.elementor-12 .elementor-element.elementor-element-7640b9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7640b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010161;}.elementor-12 .elementor-element.elementor-element-7640b9 > .elementor-background-overlay{opacity:0.25;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-7640b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-5aa16e37 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-12 .elementor-element.elementor-element-5aa16e37 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-12 .elementor-element.elementor-element-7d82b17f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 020px) 0px;}.elementor-12 .elementor-element.elementor-element-7d82b17f img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-56495756{--e-image-carousel-slides-to-show:5;}.elementor-12 .elementor-element.elementor-element-7760248e{margin-top:10px;margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-163d40d1 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-163d40d1 > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-163d40d1 > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-163d40d1 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-163d40d1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-12 .elementor-element.elementor-element-6f042c20{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-6f042c20 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.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-12 .elementor-element.elementor-element-4b116608{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 30px) 10px;text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-3889c057{margin-top:10px;margin-bottom:10px;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-4f86dcf9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-4f86dcf9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-4f86dcf9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-4f86dcf9 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-4f86dcf9 > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-4f86dcf9 > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-4f86dcf9 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-4f86dcf9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-162e7ade{width:var( --container-widget-width, 100.926% );max-width:100.926%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.926%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-162e7ade.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-162e7ade img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-27eee4de > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-27eee4de > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-27eee4de > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-27eee4de > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-27eee4de > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-4271d7f3{width:var( --container-widget-width, 99.732% );max-width:99.732%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:99.732%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-4271d7f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-4271d7f3 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.elementor-12 .elementor-element.elementor-element-50fca123{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 30px) 10px;text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-24b4d274{margin-top:10px;margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-128dab4 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-128dab4 > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-128dab4 > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-128dab4 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-128dab4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-64ec549a{width:var( --container-widget-width, 99.732% );max-width:99.732%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:99.732%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-64ec549a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-64ec549a .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.elementor-12 .elementor-element.elementor-element-641aaa7a{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 30px) 10px;text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-62af358b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-62af358b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-62af358b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-62af358b > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-62af358b > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-62af358b > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-62af358b > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-62af358b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-5c58f3e6{width:var( --container-widget-width, 100.926% );max-width:100.926%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.926%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-5c58f3e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-5c58f3e6 img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-72dfb255{margin-top:10px;margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-19f4229 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-19f4229 > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-19f4229 > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-19f4229 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-19f4229 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-2225de7{width:var( --container-widget-width, 99.732% );max-width:99.732%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:99.732%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-2225de7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2225de7 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.elementor-12 .elementor-element.elementor-element-6b2ace7b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 020px) 0px;}.elementor-12 .elementor-element.elementor-element-6b2ace7b img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-fa09154{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 30px) 10px;text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-270b4717{width:var( --container-widget-width, 99.732% );max-width:99.732%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:99.732%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-270b4717.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-270b4717 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.elementor-12 .elementor-element.elementor-element-24360707:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-24360707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12 .elementor-element.elementor-element-24360707, .elementor-12 .elementor-element.elementor-element-24360707 > .elementor-background-overlay{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-24360707{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-24360707 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-6b32d48c > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-6b32d48c > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-6b32d48c > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-6b32d48c > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-6b32d48c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-534454e1 img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-4dbea56b img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-51805003 img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-532ed16c img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-46b6a13a img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-a939b64 img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-21cd1e95 img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-6338f390 img{transition-duration:0.3s;border-radius:30px 30px 30px 30px;}.elementor-12 .elementor-element.elementor-element-4b923c96{margin-top:10px;margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-4621ec29 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-4621ec29 > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-4621ec29 > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-4621ec29 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-4621ec29 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-40d65041{width:var( --container-widget-width, 99.732% );max-width:99.732%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:99.732%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-40d65041.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-40d65041 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.elementor-12 .elementor-element.elementor-element-7e64c9b{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 30px) 10px;text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-19a08edc{margin-top:10px;margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-3e5ddffc > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-3e5ddffc > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-3e5ddffc > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-3e5ddffc > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-12 .elementor-element.elementor-element-3e5ddffc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-6e520191{width:var( --container-widget-width, 99.732% );max-width:99.732%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:99.732%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-6e520191.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-6e520191 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:700;letter-spacing:0.5px;color:#FFCB00;}.elementor-12 .elementor-element.elementor-element-3171afb9{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 020px) 0px;}.elementor-12 .elementor-element.elementor-element-3171afb9 img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-74b47b6c{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 30px) 10px;text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-4dcfd927 > .elementor-background-overlay{opacity:0.25;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-4dcfd927{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-4457ab47 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-12 .elementor-element.elementor-element-4457ab47 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-28ceb953{--spacer-size:35px;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://onlinecolorclasses.com/wp-content/uploads/2025/10/bloom888-20.webp");background-position:center center;background-size:cover;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-56495756{--e-image-carousel-slides-to-show:4;}.elementor-12 .elementor-element.elementor-element-162e7ade img{width:61%;}.elementor-12 .elementor-element.elementor-element-5c58f3e6 img{width:57%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-56495756{--e-image-carousel-slides-to-show:4;}.elementor-12 .elementor-element.elementor-element-6f042c20{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-6f042c20 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-4b116608{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 20px) 10px;text-align:center;font-size:14px;}.elementor-12 .elementor-element.elementor-element-4271d7f3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-4271d7f3 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-50fca123{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:center;font-size:14px;}.elementor-12 .elementor-element.elementor-element-64ec549a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-64ec549a .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-641aaa7a{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:center;font-size:14px;}.elementor-12 .elementor-element.elementor-element-2225de7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-2225de7 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-fa09154{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:center;font-size:14px;}.elementor-12 .elementor-element.elementor-element-270b4717{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-270b4717 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-6b32d48c{width:50%;}.elementor-12 .elementor-element.elementor-element-ee55ec7{width:50%;}.elementor-12 .elementor-element.elementor-element-55309917{width:50%;}.elementor-12 .elementor-element.elementor-element-72a4ec80{width:50%;}.elementor-12 .elementor-element.elementor-element-40d65041{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-40d65041 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-7e64c9b{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:center;font-size:14px;}.elementor-12 .elementor-element.elementor-element-6e520191{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-6e520191 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-74b47b6c{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:center;font-size:14px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-4f86dcf9{width:29.554%;}.elementor-12 .elementor-element.elementor-element-27eee4de{width:70.446%;}.elementor-12 .elementor-element.elementor-element-128dab4{width:70.446%;}.elementor-12 .elementor-element.elementor-element-62af358b{width:29.554%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-5aa16e37{width:100%;}.elementor-12 .elementor-element.elementor-element-4f86dcf9{width:100%;}.elementor-12 .elementor-element.elementor-element-27eee4de{width:100%;}.elementor-12 .elementor-element.elementor-element-128dab4{width:100%;}.elementor-12 .elementor-element.elementor-element-62af358b{width:100%;}.elementor-12 .elementor-element.elementor-element-4457ab47{width:75%;}}@media(min-width:1025px){body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-8defb02 *//* ===== กล่องรวม ===== */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* ===== พื้นหลังของหลอด ===== */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ===== ตัวหลอดหลัก ===== */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* ===== สีตามระดับ ===== */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* ===== แสงวิ่งแบบไป-กลับ ===== */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shinePingPong 3.5s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

/* ===== แอนิเมชันแสงไปกลับ ===== */
@keyframes shinePingPong {
  0%   { left: -60%; }
  50%  { left: 110%; }
  100% { left: -60%; }
}

/* ===== เอฟเฟกต์ขอบเรืองแสง pulsing ===== */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.8); }
}

/* ===== ตัวหนังสือในหลอด ===== */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ed1790b *//* ===== กล่องรวม ===== */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* ===== พื้นหลังของหลอด ===== */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ===== ตัวหลอดหลัก ===== */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* ===== สีตามระดับ ===== */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* ===== แสงวิ่งแบบไป-กลับ ===== */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shinePingPong 3.5s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

/* ===== แอนิเมชันแสงไปกลับ ===== */
@keyframes shinePingPong {
  0%   { left: -60%; }
  50%  { left: 110%; }
  100% { left: -60%; }
}

/* ===== เอฟเฟกต์ขอบเรืองแสง pulsing ===== */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.8); }
}

/* ===== ตัวหนังสือในหลอด ===== */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-660e7ac4 *//* ===== กล่องรวม ===== */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* ===== พื้นหลังของหลอด ===== */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ===== ตัวหลอดหลัก ===== */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* ===== สีตามระดับ ===== */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* ===== แสงวิ่งแบบไป-กลับ ===== */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shinePingPong 3.5s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

/* ===== แอนิเมชันแสงไปกลับ ===== */
@keyframes shinePingPong {
  0%   { left: -60%; }
  50%  { left: 110%; }
  100% { left: -60%; }
}

/* ===== เอฟเฟกต์ขอบเรืองแสง pulsing ===== */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.8); }
}

/* ===== ตัวหนังสือในหลอด ===== */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3364a3ba *//* ===== กล่องรวม ===== */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* ===== พื้นหลังของหลอด ===== */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ===== ตัวหลอดหลัก ===== */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* ===== สีตามระดับ ===== */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* ===== แสงวิ่งแบบไป-กลับ ===== */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shinePingPong 3.5s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

/* ===== แอนิเมชันแสงไปกลับ ===== */
@keyframes shinePingPong {
  0%   { left: -60%; }
  50%  { left: 110%; }
  100% { left: -60%; }
}

/* ===== เอฟเฟกต์ขอบเรืองแสง pulsing ===== */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.8); }
}

/* ===== ตัวหนังสือในหลอด ===== */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-105342f6 *//* ===== กล่องรวม ===== */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* ===== พื้นหลังของหลอด ===== */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ===== ตัวหลอดหลัก ===== */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* ===== สีตามระดับ ===== */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* ===== แสงวิ่งแบบไป-กลับ ===== */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shinePingPong 3.5s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

/* ===== แอนิเมชันแสงไปกลับ ===== */
@keyframes shinePingPong {
  0%   { left: -60%; }
  50%  { left: 110%; }
  100% { left: -60%; }
}

/* ===== เอฟเฟกต์ขอบเรืองแสง pulsing ===== */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.8); }
}

/* ===== ตัวหนังสือในหลอด ===== */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bca53d0 *//* กล่องหลัก */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* กรอบหลอด */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ตัวหลอด */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* สีหลัก */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* แสงวิ่ง */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shineMove 2.3s linear infinite;
  z-index: 2;
  pointer-events: none;
}

/* แสงวิ่ง animation */
@keyframes shineMove {
  0% { left: -60%; }
  100% { left: 120%; }
}

/* ขอบเรืองแสง pulsing */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.7); }
}

/* ข้อความในหลอด */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67a8c596 *//* กล่องหลัก */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* กรอบหลอด */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ตัวหลอด */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* สีหลัก */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* แสงวิ่ง */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shineMove 2.3s linear infinite;
  z-index: 2;
  pointer-events: none;
}

/* แสงวิ่ง animation */
@keyframes shineMove {
  0% { left: -60%; }
  100% { left: 120%; }
}

/* ขอบเรืองแสง pulsing */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.7); }
}

/* ข้อความในหลอด */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c41e981 *//* ===== กล่องรวม ===== */
.winrate-box.inline {
  width: 100%;
  font-family: 'Prompt', sans-serif;
}

/* ===== พื้นหลังของหลอด ===== */
.winrate-bar {
  background: #2b2b2b;
  border-radius: 25px;
  overflow: hidden;
  height: 30px;
  position: relative;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* ===== ตัวหลอดหลัก ===== */
.winrate-fill {
  height: 100%;
  width: var(--rate, 0%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  transition: width 1.2s ease-in-out;
  overflow: hidden;
  z-index: 1;
  animation: glowPulse 3s ease-in-out infinite;
}

/* ===== สีตามระดับ ===== */
.winrate-fill.red {
  background: linear-gradient(90deg, #ff0000, #ff4444);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}
.winrate-fill.yellow {
  background: linear-gradient(90deg, #ffcc00, #ffdd33);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.6);
}
.winrate-fill.green {
  background: linear-gradient(90deg, #00cc66, #00ff99);
  box-shadow: 0 0 8px rgba(0, 255, 153, 0.6);
}

/* ===== แสงวิ่งแบบไป-กลับ ===== */
.shine {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shinePingPong 3.5s ease-in-out infinite;
  z-index: 2;
  pointer-events: none;
}

/* ===== แอนิเมชันแสงไปกลับ ===== */
@keyframes shinePingPong {
  0%   { left: -60%; }
  50%  { left: 110%; }
  100% { left: -60%; }
}

/* ===== เอฟเฟกต์ขอบเรืองแสง pulsing ===== */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 6px rgba(255,255,255,0.3); }
  50% { box-shadow: 0 0 18px rgba(255,255,255,0.8); }
}

/* ===== ตัวหนังสือในหลอด ===== */
.winrate-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  z-index: 3;
}/* End custom CSS */