.elementor-10976 .elementor-element.elementor-element-5ad7011b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10976 .elementor-element.elementor-element-5ad7011b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10976 .elementor-element.elementor-element-f89ae0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-f89ae0e.e-con{--flex-grow:0;--flex-shrink:0;}.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-10976 .elementor-element.elementor-element-2e7f990a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 22px;text-align:left;}.elementor-10976 .elementor-element.elementor-element-2e7f990a.elementor-element{--align-self:flex-start;}.elementor-10976 .elementor-element.elementor-element-2e7f990a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:47px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#CF4D4D;}.elementor-10976 .elementor-element.elementor-element-792e01f0{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 20px 23px;}.elementor-10976 .elementor-element.elementor-element-792e01f0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:500;color:#292828;}.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-10976 .elementor-element.elementor-element-6413b2ea{width:var( --container-widget-width, 100% );max-width:100%;margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:20px;font-weight:500;color:#424242;}.elementor-10976 .elementor-element.elementor-element-6413b2ea.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10976 .elementor-element.elementor-element-5bf08468{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 25px 25px;text-align:left;}.elementor-10976 .elementor-element.elementor-element-5bf08468 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:600;color:#FF7400;}.elementor-10976 .elementor-element.elementor-element-720088b8{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-10976 .elementor-element.elementor-element-28277a16{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10976 .elementor-element.elementor-element-28277a16:not(.elementor-motion-effects-element-type-background), .elementor-10976 .elementor-element.elementor-element-28277a16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-5ee1e582{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:24px 0px 0px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-5ee1e582 .elementor-heading-title{font-size:30px;font-weight:800;text-transform:uppercase;color:#133736;}.elementor-10976 .elementor-element.elementor-element-6b281f26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10976 .elementor-element.elementor-element-6b281f26.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-1568c2a3{padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:#0067E2;}.elementor-10976 .elementor-element.elementor-element-6e6bd895{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-10976 .elementor-element.elementor-element-75bfe867{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:center;}.elementor-10976 .elementor-element.elementor-element-4447dc21{background-color:#32544c;padding:20px 10px 20px 10px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-4447dc21.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-4447dc21 .elementor-heading-title{font-size:27px;font-weight:600;line-height:38px;color:#eddcba;}.elementor-10976 .elementor-element.elementor-element-29ddde94{background-color:#443149;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-29ddde94.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-29ddde94 .elementor-heading-title{font-size:25px;font-weight:600;line-height:38px;color:#eddcba;}.elementor-10976 .elementor-element.elementor-element-18e681c7{background-color:#d79921;padding:20px 30px 20px 30px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-18e681c7.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-18e681c7 .elementor-heading-title{font-size:25px;font-weight:600;line-height:38px;color:#39240e;}.elementor-10976 .elementor-element.elementor-element-35e12c72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-10976 .elementor-element.elementor-element-4bfd5af7{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:6px 6px;--row-gap:6px;--column-gap:6px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-10976 .elementor-element.elementor-element-28690a88{--display:flex;--gap:19px 19px;--row-gap:19px;--column-gap:19px;border-style:solid;--border-style:solid;border-color:#06668B;--border-color:#06668B;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-41d97aae{width:100%;max-width:100%;background-color:#06668b;padding:30px 10px 30px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-41d97aae.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-41d97aae .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-81e6e06{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-81e6e06 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-6313d620{padding:0px 10px 0px 10px;text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-6b951205{--display:flex;border-style:solid;--border-style:solid;border-color:#1b5037;--border-color:#1b5037;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-1de125dc{width:100%;max-width:100%;background-color:#1b5037;padding:30px 20px 30px 20px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-1de125dc.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-1de125dc .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-3590b4f5{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;padding:0px 10px -8px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-3590b4f5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-2487320d{padding:18px 10px 13px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-c842adf{--display:flex;border-style:solid;--border-style:solid;border-color:#59350e;--border-color:#59350e;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-10976 .elementor-element.elementor-element-7a5dfa47{width:100%;max-width:100%;background-color:#59350e;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:45px 52px 45px 50px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-7a5dfa47.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-7a5dfa47 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-278dd5e3{padding:13px 10px 1px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-278dd5e3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-428b9cee{padding:0px 10px 14px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-251dbacc{--display:flex;border-style:solid;--border-style:solid;border-color:#dc5406;--border-color:#dc5406;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-54d6d374{width:100%;max-width:100%;background-color:#dc5406;padding:30px 10px 30px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-54d6d374.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-54d6d374 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-fb3f419{padding:12px 10px 0px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-fb3f419 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-4241c606{padding:0px 10px 15px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-74c2ee43{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-10976 .elementor-element.elementor-element-4c9be29c{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:6px 6px;--row-gap:6px;--column-gap:6px;--grid-auto-flow:row;--justify-items:center;--align-items:stretch;}.elementor-10976 .elementor-element.elementor-element-20223e88{--display:flex;--gap:19px 19px;--row-gap:19px;--column-gap:19px;border-style:solid;--border-style:solid;border-color:#242a0f;--border-color:#242a0f;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-7bf94a5f{width:100%;max-width:100%;background-color:#242a0f;padding:30px 10px 30px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-7bf94a5f.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-7bf94a5f .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-2d46dc75{text-align:center;}.elementor-10976 .elementor-element.elementor-element-2d46dc75 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-23de8cf9{padding:0px 10px 0px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-22cdc800{--display:flex;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-color:#e5a723;--border-color:#e5a723;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-7b74b187{width:100%;max-width:100%;background-color:#e5a723;padding:30px 10px 30px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-7b74b187.elementor-element{--order:-99999 /* order start hack */;}.elementor-10976 .elementor-element.elementor-element-7b74b187 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#2E2E2E;}.elementor-10976 .elementor-element.elementor-element-45e81073{padding:20px 0px 0px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-45e81073 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-60e0bef8{padding:17px 10px 0px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-702b1d67{--display:flex;border-style:solid;--border-style:solid;border-color:#06668B;--border-color:#06668B;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-10976 .elementor-element.elementor-element-6d73d438{width:100%;max-width:100%;background-color:#06668B;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 52px 30px 50px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-6d73d438.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-6d73d438 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-553d96dc{padding:20px 0px 0px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-553d96dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-9f6f01c{padding:17px 20px 0px 20px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-7c979021{--display:flex;border-style:solid;--border-style:solid;border-color:#32533c;--border-color:#32533c;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-403105ba{width:100%;max-width:100%;background-color:#32533c;padding:30px 20px 30px 20px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-403105ba.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-403105ba .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-679b5a4d{padding:20px 0px 0px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-679b5a4d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10976 .elementor-element.elementor-element-5383f2f6{padding:17px 10px 0px 10px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-249652b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:25px;}.elementor-10976 .elementor-element.elementor-element-249652b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10976 .elementor-element.elementor-element-3e04836e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-10976 .elementor-element.elementor-element-3e04836e:not(.elementor-motion-effects-element-type-background), .elementor-10976 .elementor-element.elementor-element-3e04836e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10976 .elementor-element.elementor-element-3e04836e::before, .elementor-10976 .elementor-element.elementor-element-3e04836e > .elementor-background-video-container::before, .elementor-10976 .elementor-element.elementor-element-3e04836e > .e-con-inner > .elementor-background-video-container::before, .elementor-10976 .elementor-element.elementor-element-3e04836e > .elementor-background-slideshow::before, .elementor-10976 .elementor-element.elementor-element-3e04836e > .e-con-inner > .elementor-background-slideshow::before, .elementor-10976 .elementor-element.elementor-element-3e04836e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10976 .elementor-element.elementor-element-83be343{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:37px 40px 0px 40px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-83be343 .elementor-heading-title{font-size:21px;font-weight:600;text-transform:uppercase;color:#00245C;}.elementor-10976 .elementor-element.elementor-element-440cdb19{--display:flex;--margin-top:27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:17px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-440cdb19:not(.elementor-motion-effects-element-type-background), .elementor-10976 .elementor-element.elementor-element-440cdb19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#460101;}.elementor-10976 .elementor-element.elementor-element-7797a51f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10976 .elementor-element.elementor-element-7797a51f.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-3bceade3{padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:#0067E2;}.elementor-10976 .elementor-element.elementor-element-28819b42{width:var( --container-widget-width, 100% );max-width:100%;padding:24px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10976 .elementor-element.elementor-element-28819b42.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.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-10976 .elementor-element.elementor-element-125d95c4{padding:0px 0px 0px 0px;}.elementor-10976 .elementor-element.elementor-element-125d95c4 img{width:100%;}.elementor-10976 .elementor-element.elementor-element-6256b379{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10976 .elementor-element.elementor-element-42ca937c{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-10976 .elementor-element.elementor-element-5b681a2a{padding:0px 0px 10px 0px;}.elementor-10976 .elementor-element.elementor-element-5b681a2a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10976 .elementor-element.elementor-element-44c25411{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-238332b1{padding:0px 0px 10px 0px;}.elementor-10976 .elementor-element.elementor-element-238332b1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10976 .elementor-element.elementor-element-bb27496{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-7eb9d9c7{padding:0px 0px 10px 0px;}.elementor-10976 .elementor-element.elementor-element-7eb9d9c7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10976 .elementor-element.elementor-element-d453785{padding:0px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-573abe27{--display:flex;}.elementor-10976 .elementor-element.elementor-element-573abe27:not(.elementor-motion-effects-element-type-background), .elementor-10976 .elementor-element.elementor-element-573abe27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-10976 .elementor-element.elementor-element-340709a8{padding:20px 0px 7px 21px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-1b993815{padding:35px 0px 10px 0px;}.elementor-10976 .elementor-element.elementor-element-1b993815 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10976 .elementor-element.elementor-element-4be8b5e9{padding:0px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-e752059{--display:flex;}.elementor-10976 .elementor-element.elementor-element-e752059:not(.elementor-motion-effects-element-type-background), .elementor-10976 .elementor-element.elementor-element-e752059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-10976 .elementor-element.elementor-element-330b54d8{padding:30px 30px 14px 21px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10976 .elementor-element.elementor-element-3bda4b2d{padding:35px 0px 10px 0px;}.elementor-10976 .elementor-element.elementor-element-3bda4b2d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10976 .elementor-element.elementor-element-12705489{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}@media(max-width:1340px){.elementor-10976 .elementor-element.elementor-element-5ad7011b{--flex-wrap:wrap;}.elementor-10976 .elementor-element.elementor-element-f89ae0e{--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-2e7f990a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:31px 0px 0px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-2e7f990a.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-2e7f990a .elementor-heading-title{font-size:45px;}.elementor-10976 .elementor-element.elementor-element-792e01f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 32px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-792e01f0.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-792e01f0 .elementor-heading-title{font-size:27px;}.elementor-10976 .elementor-element.elementor-element-6413b2ea{padding:34px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-6413b2ea.elementor-element{--align-self:center;}.elementor-10976 .elementor-element.elementor-element-5bf08468{padding:10px 0px 40px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-75bfe867{--grid-auto-flow:row;}.elementor-10976 .elementor-element.elementor-element-4bfd5af7{--e-con-grid-template-columns:repeat(2, 1fr);--gap:13px 13px;--row-gap:13px;--column-gap:13px;--grid-auto-flow:row;}.elementor-10976 .elementor-element.elementor-element-41d97aae{width:100%;max-width:100%;}.elementor-10976 .elementor-element.elementor-element-1de125dc{width:100%;max-width:100%;}.elementor-10976 .elementor-element.elementor-element-3590b4f5{padding:0px 0px 19px 0px;}.elementor-10976 .elementor-element.elementor-element-2487320d{padding:0px 0px 8px 0px;}.elementor-10976 .elementor-element.elementor-element-7a5dfa47{padding:30px 0px 30px 0px;}.elementor-10976 .elementor-element.elementor-element-54d6d374{width:100%;max-width:100%;}.elementor-10976 .elementor-element.elementor-element-4c9be29c{--e-con-grid-template-columns:repeat(2, 1fr);--gap:13px 13px;--row-gap:13px;--column-gap:13px;--grid-auto-flow:row;}.elementor-10976 .elementor-element.elementor-element-7bf94a5f{width:100%;max-width:100%;}.elementor-10976 .elementor-element.elementor-element-7b74b187{width:100%;max-width:100%;}.elementor-10976 .elementor-element.elementor-element-249652b1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-28819b42{padding:70px 70px 70px 70px;}}@media(max-width:767px){.elementor-10976 .elementor-element.elementor-element-5ad7011b{--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-f89ae0e{--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}.elementor-10976 .elementor-element.elementor-element-2e7f990a{padding:0px 20px 0px 20px;}.elementor-10976 .elementor-element.elementor-element-2e7f990a .elementor-heading-title{font-size:30px;line-height:1.1em;}.elementor-10976 .elementor-element.elementor-element-792e01f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:7px 20px 64px 20px;}.elementor-10976 .elementor-element.elementor-element-792e01f0 .elementor-heading-title{font-size:22px;}.elementor-10976 .elementor-element.elementor-element-6413b2ea{margin:-53px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:center;font-size:17px;}.elementor-10976 .elementor-element.elementor-element-5bf08468{padding:2px 0px 0px 0px;text-align:center;}.elementor-10976 .elementor-element.elementor-element-5bf08468 .elementor-heading-title{font-size:20px;}.elementor-10976 .elementor-element.elementor-element-720088b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 54px) 0px;padding:1px 1px 25px 1px;}.elementor-10976 .elementor-element.elementor-element-720088b8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-10976 .elementor-element.elementor-element-28277a16{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-6e6bd895{--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-75bfe867{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10976 .elementor-element.elementor-element-4447dc21{width:100%;max-width:100%;padding:20px 0px 20px 0px;border-radius:10px 10px 10px 10px;}.elementor-10976 .elementor-element.elementor-element-4447dc21 .elementor-heading-title{font-size:30px;}.elementor-10976 .elementor-element.elementor-element-29ddde94{width:100%;max-width:100%;border-radius:10px 10px 10px 10px;}.elementor-10976 .elementor-element.elementor-element-29ddde94 .elementor-heading-title{font-size:30px;}.elementor-10976 .elementor-element.elementor-element-18e681c7{width:100%;max-width:100%;border-radius:10px 10px 10px 10px;}.elementor-10976 .elementor-element.elementor-element-18e681c7 .elementor-heading-title{font-size:30px;}.elementor-10976 .elementor-element.elementor-element-35e12c72{--margin-top:-16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-4bfd5af7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10976 .elementor-element.elementor-element-74c2ee43{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10976 .elementor-element.elementor-element-4c9be29c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10976 .elementor-element.elementor-element-249652b1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}}@media(min-width:768px){.elementor-10976 .elementor-element.elementor-element-5ad7011b{--content-width:1440px;}.elementor-10976 .elementor-element.elementor-element-f89ae0e{--width:70%;}.elementor-10976 .elementor-element.elementor-element-249652b1{--width:24.455%;}}@media(max-width:1340px) and (min-width:768px){.elementor-10976 .elementor-element.elementor-element-f89ae0e{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-5bf08468 */.sudoku-books-title1 {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(90deg, #ff4d4d, #1ecbe1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradientShift 4s ease-in-out infinite;
}



@keyframes textGradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.sudoku-books-title1 {
  background-size: 200% 200%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-720088b8 *//* Difficulty buttons – force text to solid black */
.difficulty-list li,
.difficulty-list li *            { color: #000 !important; }

/* Keep it black when hovered or selected */
.difficulty-list li:hover,
.difficulty-list li.active,
.difficulty-list li:hover *,
.difficulty-list li.active *     { color: #000 !important; }



/* Hover difficulty */
.difficulty-list li:hover,
.difficulty-list li:hover * {
  color: #000000 !important;
}


/* Make difficulty list text black */
.difficulty-list li {
  color: #000000; /* solid black text */
}

/* Also make the selected (active) difficulty text black */
.difficulty-list li.active {
  color: #000000; /* ensure active stays black too */
}

/* Make the "Difficulty:" label easier to read */
.diff-label {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.1em;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* slight shadow for contrast */
}




/* Brand new sudoku container */
.brand-new-sudoku-game-container {
  background: 
    linear-gradient(
      to bottom,
      rgba(0, 66, 197, 0.5) 19%,
      rgba(255, 0, 0, 0.5) 80%
    ),
    url('https://www.sudoku4adults.com/wp-content/uploads/2025/08/Web-Sudoku-Game-Background-Image.avif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  padding: 15px;
  box-shadow: 0 0 20px rgba(255, 120, 0, 0.6);
  border: 0.5px solid gold;
}

/* Smooth Crystal Style for New Game, Reset */
.sudoku-difficulty-buttons button,
#new-game-button,
#reset-game-button {
  background: linear-gradient(
    to bottom,
    rgba(255, 245, 245, 0.9) 0%,
    rgba(255, 200, 200, 0.6) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  backdrop-filter: blur(4px);
  color: #333;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(255, 215, 0, 0.4);
  padding: 8px 16px;
  margin: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover for main buttons */
.sudoku-difficulty-buttons button:hover,
#new-game-button:hover,
#reset-game-button:hover {
  background: linear-gradient(
    to bottom,
    rgba(255, 230, 230, 1) 0%,
    rgba(255, 170, 170, 0.7) 100%
  );
  box-shadow: 0 6px 12px rgba(255, 215, 0, 0.6);
  transform: translateY(-2px);
}

/* 🔥 Real Fix: Crystal Style for Difficulty List (the LI items) */
.difficulty-list li {
  display: inline-block;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(240, 240, 240, 0.6) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  backdrop-filter: blur(4px);
  color: #333;
  font-weight: bold;
  padding: 8px 16px;
  margin: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* softer subtle glow */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover for Difficulty LI items */
.difficulty-list li:hover {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 0.7) 100%
  );
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

/* Active Difficulty Highlight */
.difficulty-list li.active {
  background: linear-gradient(
    to bottom,
    rgba(255, 230, 230, 1) 0%,
    rgba(255, 180, 180, 0.8) 100%
  );
  box-shadow: 0 6px 12px rgba(255, 150, 150, 0.6);
  color: #000;
}

/* Crystal Clear Style for Top Control Row Buttons - No golden glow */
.control-top-row button {
  background: linear-gradient(
    to bottom,
    rgba(255, 245, 245, 0.9) 0%,
    rgba(255, 230, 230, 0.7) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  backdrop-filter: blur(4px);
  color: #333;
  font-weight: bold;
  padding: 8px 12px;
  margin: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* softer shadow, no gold */
}

/* Hover for Control Top Row Buttons */
.control-top-row button:hover {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 0.7) 100%
  );
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}







/* ————————————————————————————————
   Difficulty .elementor-10976 .elementor-element.elementor-element-720088b8 – make absolutely sure
   every state shows solid black text
   ———————————————————————————————— */
.difficulty-list li,
.difficulty-list li *,
.difficulty-list li button,
.difficulty-list li button * {
    color: #000 !important;                 /* normal colour */
    -webkit-text-fill-color: #000 !important;/* beats gradient / fill rules */
    text-shadow: none !important;           /* just in case a glow is set */
}

/* keep it black on hover & when active */
.difficulty-list li:hover,
.difficulty-list li:hover *,
.difficulty-list li.active,
.difficulty-list li.active *,
.difficulty-list li.active button,
.difficulty-list li:hover button {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}










/* ————————— MOBILE CRYSTAL BUTTON OVERRIDE ————————— */
@media (max-width: 767px), (pointer: coarse) {

  /* —— Difficulty “buttons” (LI items) —— */
  .difficulty-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }
  .difficulty-list li {
    -webkit-appearance: none;
            appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.90) 0%,
      rgba(240,240,240,0.70) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.50) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    padding: 8px 16px !important;
    margin: 4px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    min-width: 64px;
    cursor: pointer !important;

    /* force black text */
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
  }
  .difficulty-list li.active {
    background: linear-gradient(
      to bottom,
      rgba(255,230,230,1) 0%,
      rgba(255,180,180,0.80) 100%
    ) !important;
    box-shadow: 0 6px 12px rgba(255,150,150,0.50) !important;
  }
  .difficulty-list li:hover,
  .difficulty-list li:active {
    transform: translateY(-2px) !important;
  }

  /* —— Real <button> controls —— */
  .sudoku-difficulty-buttons button,
  #new-game-button,
  #reset-game-button,
  .control-top-row button {
    -webkit-appearance: none;
            appearance: none;
    background: linear-gradient(
      to bottom,
      rgba(255,245,245,0.9) 0%,
      rgba(255,200,200,0.6) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: 0 4px 10px rgba(255,215,0,0.4) !important;
    padding: 8px 16px !important;
    margin: 4px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    cursor: pointer !important;

    /* ensure icon/text stays dark */
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
    text-shadow: none !important;
  }
  .sudoku-difficulty-buttons button:hover,
  #new-game-button:hover,
  #reset-game-button:hover,
  .control-top-row button:hover {
    background: linear-gradient(
      to bottom,
      rgba(255,230,230,1) 0%,
      rgba(255,170,170,0.7) 100%
    ) !important;
    box-shadow: 0 6px 12px rgba(255,215,0,0.6) !important;
    transform: translateY(-2px) !important;
  }
}










/* —————— Fluid Row + Crystal Style for ALL Buttons —————— */
@media (max-width: 767px), (pointer: coarse) {
  
  /* 1) Difficulty pills in one flex row, auto-sizing */
  .difficulty-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 4px !important;
  }
  .difficulty-list li {
    /* equal share of row, but never smaller than 48px */
    flex: 1 1 0 !important;
    min-width: 48px !important;
    text-align: center !important;
    /* dynamic font size: 12px up to 16px based on screen width */
    font-size: clamp(12px, 2.5vw, 16px) !important;

    /* re-declare your crystal styling */
    -webkit-appearance: none !important;
            appearance: none !important;
    background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.90) 0%,
      rgba(240,240,240,0.70) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.50) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    padding: clamp(6px,1.5vw,8px) clamp(10px,2vw,16px) !important;
    cursor: pointer !important;

    /* force black text */
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
  }
  .difficulty-list li.active {
    background: linear-gradient(
      to bottom,
      rgba(255,230,230,1) 0%,
      rgba(255,180,180,0.80) 100%
    ) !important;
    box-shadow: 0 6px 12px rgba(255,150,150,0.50) !important;
  }
  .difficulty-list li:hover,
  .difficulty-list li:active {
    transform: translateY(-2px) !important;
  }

  /* 2) New Game / Reset buttons share one row too */
  .sudoku-difficulty-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  /* IDs you mentioned – adjust these .elementor-10976 .elementor-element.elementor-element-720088b8s if your markup differs */
  #new-game-button,
  #reset-game-button {
    flex: 1 1 auto !important;
    min-width: 100px !important;
    font-size: clamp(14px, 3vw, 18px) !important;
    line-height: 1 !important;

    /* re-apply crystal style */
    -webkit-appearance: none !important;
            appearance: none !important;
    background: linear-gradient(
      to bottom,
      rgba(255,245,245,0.9) 0%,
      rgba(255,200,200,0.6) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: 0 4px 10px rgba(255,215,0,0.4) !important;
    padding: clamp(6px,1.5vw,8px) clamp(12px,2vw,16px) !important;
    cursor: pointer !important;

    /* text colour */
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
    text-shadow: none !important;
  }
  #new-game-button:hover,
  #reset-game-button:hover {
    background: linear-gradient(
      to bottom,
      rgba(255,230,230,1) 0%,
      rgba(255,170,170,0.7) 100%
    ) !important;
    box-shadow: 0 6px 12px rgba(255,215,0,0.6) !important;
    transform: translateY(-2px) !important;
  }
}










/* ————————————————————————————————
   FINAL MOBILE / RESPONSIVE BUTTON FIX
   (insert at very bottom of your CSS)
   ———————————————————————————————— */
@media (max-width: 767px), (pointer: coarse) {

  /* 1) TOP DIFFICULTY PILLS: 
     flex‐box, no wrap, dynamic shrink, no text overflow */
  .difficulty-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 4px !important;
  }
  .difficulty-list li {
    flex: 1 1 auto !important;           /* share the row */
    min-width: 0 !important;             /* allow shrinking */
    white-space: nowrap !important;      /* stay on one line */
    text-overflow: ellipsis !important;  
    overflow: hidden !important;         /* chop overflow */
    font-size: clamp(12px, 2.5vw, 16px) !important;

    /* crystal styling */
    -webkit-appearance: none !important;
            appearance: none !important;
    background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.90) 0%,
      rgba(240,240,240,0.70) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.50) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
  }
  .difficulty-list li.active {
    background: linear-gradient(
      to bottom,
      rgba(255,230,230,1) 0%,
      rgba(255,180,180,0.80) 100%
    ) !important;
    box-shadow: 0 6px 12px rgba(255,150,150,0.50) !important;
  }

  /* 2) BOTTOM “New Game” / “Reset” BUTTONS:
     force flex, crystal style & override any default skin */
  /* wrap the container if you haven’t already */
  .sudoku-difficulty-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  /* target both possible ID variants and any button inside that container */
  .sudoku-difficulty-buttons button,
  #new-game,      /* in case your markup is <button id="new-game"> */
  #new-game-button,
  #reset-game,    /* or <button id="reset-game"> */
  #reset-game-button {
    flex: 1 1 auto !important;
    min-width: 80px !important;
    white-space: nowrap !important;
    
    /* crystal styling */
    -webkit-appearance: none !important;
            appearance: none !important;
    background: linear-gradient(
      to bottom,
      rgba(255,245,245,0.9) 0%,
      rgba(255,200,200,0.6) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: 0 4px 10px rgba(255,215,0,0.4) !important;
    padding: 8px 16px !important;
    font-size: clamp(14px, 3vw, 18px) !important;
    font-weight: bold !important;
    cursor: pointer !important;
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
    text-shadow: none !important;
  }
  .sudoku-difficulty-buttons button:hover,
  #new-game:hover,
  #new-game-button:hover,
  #reset-game:hover,
  #reset-game-button:hover {
    background: linear-gradient(
      to bottom,
      rgba(255,230,230,1) 0%,
      rgba(255,170,170,0.7) 100%
    ) !important;
    box-shadow: 0 6px 12px rgba(255,215,0,0.6) !important;
    transform: translateY(-2px) !important;
  }
}




/* ────────────────────────────────────────────────────────────
   GLOBAL BUTTON + PILL OVERRIDES (no media query needed!)
   ──────────────────────────────────────────────────────────── */

/* 1) Make the difficulty pills a single flex row that NEVER wraps,
   and force text ellipsis if it gets too long */
.difficulty-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}
.difficulty-list li {
  /* share the available width */
  flex: 1 1 auto !important;
  min-width: 0 !important;               /* allow shrinking below content width */
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  text-align: center !important;

  /* your “crystal” look */
  -webkit-appearance: none !important;
          appearance: none !important;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.90) 0%,
    rgba(240,240,240,0.70) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,0.50) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
  padding: 8px 12px !important;
  font-size: clamp(12px, 2.5vw, 16px) !important;
  font-weight: 700 !important;
  cursor: pointer !important;

  /* force black text */
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}
.difficulty-list li.active {
  background: linear-gradient(
    to bottom,
    rgba(255,230,230,1) 0%,
    rgba(255,180,180,0.80) 100%
  ) !important;
  box-shadow: 0 6px 12px rgba(255,150,150,0.50) !important;
}


/* ────────────────────────────────────────────────────────────
   CRYSTAL BUTTON STYLE FOR new-game-btn / reset-game-btn
   (place this at the very end of your Site Settings → Custom CSS)
   ──────────────────────────────────────────────────────────── */
.new-game-btn,
#new-game-button-mobile,
.reset-game-btn,
#reset-game-button-mobile {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-appearance: none !important;
          appearance: none !important;
  background: linear-gradient(
    to bottom,
    rgba(255,245,245,0.9) 0%,
    rgba(255,200,200,0.6) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 4px 10px rgba(255,215,0,0.4) !important;
  padding: 8px 16px !important;
  margin: 4px !important;
  font-weight: bold !important;
  font-size: clamp(14px, 3vw, 18px) !important;
  color: #333 !important;
  -webkit-text-fill-color: #333 !important;
  text-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.new-game-btn:hover,
#new-game-button-mobile:hover,
.reset-game-btn:hover,
#reset-game-button-mobile:hover {
  background: linear-gradient(
    to bottom,
    rgba(255,230,230,1) 0%,
    rgba(255,170,170,0.7) 100%
  ) !important;
  box-shadow: 0 6px 12px rgba(255,215,0,0.6) !important;
  transform: translateY(-2px) !important;
}








/* ────────────────────────────────────────────────────────────
   DYNAMIC CONTROL‐ROW BUTTON SIZING
   ──────────────────────────────────────────────────────────── */
.control-top-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  justify-content: center !important;
}

.control-top-row .control-btn {
  /* flex so they share row and shrink if needed */
  flex: 1 1 auto !important;
  min-width: 0 !important;            /* allow text to shrink */
  overflow: hidden !important;        /* hide overflow */
  white-space: nowrap !important;     /* no wrapping */
  text-overflow: ellipsis !important; /* add “…” if it is too long */

  /* dynamic font scaling: never smaller than 12px, never larger than 16px */
  font-size: clamp(12px, 2.5vw, 16px) !important;  
  line-height: 1.2 !important;

  /* padding to taste */
  padding: 6px 12px !important;

  /* re‐apply your crystal look (optional) */
  -webkit-appearance: none !important;
          appearance: none !important;
  background: linear-gradient(
    to bottom,
    rgba(255,245,245,0.9) 0%,
    rgba(255,230,230,0.7) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;

  /* text color */
  color: #333 !important;
  -webkit-text-fill-color: #333 !important;
}

.control-top-row .control-btn:hover,
.control-top-row .control-btn:active {
  background: linear-gradient(
    to bottom,
    rgba(255,230,230,1) 0%,
    rgba(255,170,170,0.7) 100%
  ) !important;
  box-shadow: 0 6px 12px rgba(255,215,0,0.6) !important;
  transform: translateY(-2px) !important;
}









/* 1) Make the “To save your times and awards, please” text white */
.brand-new-sudoku-guest p strong {
  color: #fff !important;
}

/* 2) Give the “Log in or Sign up” link a white-with-a-hint-of-red color */
.brand-new-sudoku-guest p strong a {
  color: #ffa97c !important;   /* light red accent */
}

/* (Optional) — darken on hover for better feedback */
.brand-new-sudoku-guest p strong a:hover {
  color: #e63946 !important;
}










/* ────────────────────────────────────────────────────────────
   DESKTOP OVERRIDE: show full control‐row button labels
   ──────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
  .control-top-row .control-btn {
    /* allow wrapping / full visibility */
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;

    /* restore a comfortable font & padding on desktop */
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 8px 16px !important;
    min-width: auto !important;
  }
}





/* ────────────────────────────────────────────────────────────
   DESKTOP FIX: Full control-row labels & uniform sizing
   ──────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
  .control-top-row {
    display: flex !important;
    gap: 8px !important;
  }
  .control-top-row .control-btn {
    /* stop shrinking on desktop */
    flex: 0 1 auto !important;
    min-width: auto !important;
    /* allow full text */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    /* comfortable padding & font */
    padding: 8px 16px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
}



/* ────────────────────────────────────────────────────────────
   DESKTOP: Prevent control-row text from wrapping
   ──────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
  .control-top-row .control-btn {
    /* share the row width but don’t break the label */
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;     /* NO wrapping */
    overflow: visible !important;       /* show full button */
    text-overflow: clip !important;

    /* fluid font sizing to avoid overflow */
    font-size: clamp(12px, 1.8vw, 16px) !important;
  }
}




@media (min-width: 768px) {
  .control-top-row {
    display: flex !important;
    gap: 2px !important;
    justify-content: center !important;
  }

  .control-top-row .control-btn {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;

    /* smaller padding & font for desktop */
    padding: 4px 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;

    /* your crystal styling */
    -webkit-appearance: none !important;
            appearance: none !important;
    background: linear-gradient(
      to bottom,
      rgba(255,245,245,0.9) 0%,
      rgba(255,230,230,0.7) 100%
    ) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;

    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
  }
}

@media (min-width: 768px) {
  /* allow wrapping on desktop */
  .control-top-row {
    flex-wrap: wrap !important;
  }

  /* drop the Hint button to its own full-width row */
  .control-top-row > #hint-button-mobile {
    flex: 1 1 100% !important;
    /* optional: add a bit of extra top margin */
    margin-top: 8px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28277a16 *//* ─── Card Base ─── */
.elementor-10976 .elementor-element.elementor-element-28277a16 {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  padding: 24px 16px;
  margin-top: 24px;
  text-align: center;
  overflow: hidden;
}

/* ─── Animated Top Accent Bar ─── */
.elementor-10976 .elementor-element.elementor-element-28277a16::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 8px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: linear-gradient(
    90deg,
    #00d1e8,
    #9561e2,
    #ffd700,
    #e53935,
    #00d1e8
  );
  background-size: 500% 100%;
  animation: pulse-border 5s ease infinite;
  z-index: 2;
}

@keyframes pulse-border {
  0%   { background-position:   0% 50%; }
  25%  { background-position:  25% 50%; }
  50%  { background-position:  50% 50%; }
  75%  { background-position:  75% 50%; }
  100% { background-position: 100% 50%; }
}

/* ─── Heading ─── */
.elementor-10976 .elementor-element.elementor-element-28277a16 h3.elementor-heading-title {
  margin: 0 0 16px;
  color: #00d1e8;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ─── Winner’s Name with Trophy Icon ─── */
.elementor-10976 .elementor-element.elementor-element-28277a16 .elementor-shortcode > div:first-child {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 8px;
}


/* ─── Total Points ─── */
.elementor-10976 .elementor-element.elementor-element-28277a16 .elementor-shortcode > div:nth-child(2) {
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}

/* ─── Call-to-Action Link/button ─── */
.elementor-10976 .elementor-element.elementor-element-28277a16 .champion-cta {
  display: inline-block;
  padding: 10px 28px;
  border-radius: 50px;
  background: #e53935;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background 0.3s ease, transform 0.3s ease;
  text-decoration: none !important;
}
.elementor-10976 .elementor-element.elementor-element-28277a16 .champion-cta:hover {
  background: #d32f2f;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e04836e *//* ─── Card Base ─── */
.elementor-10976 .elementor-element.elementor-element-3e04836e {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  max-width: 440px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

/* ─── Animated Top Accent Bar ─── */
.elementor-10976 .elementor-element.elementor-element-3e04836e::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 8px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: linear-gradient(
    90deg,
    #00d1e8,
    #9561e2,
    #ffd700,
    #e53935,
    #00d1e8
  );
  background-size: 500% 100%;
  animation: pulse-border 5s ease infinite;
  z-index: 2;
}

@keyframes pulse-border {
  0%   { background-position:   0% 50%; }
  25%  { background-position:  25% 50%; }
  50%  { background-position:  50% 50%; }
  75%  { background-position:  75% 50%; }
  100% { background-position: 100% 50%; }
}


/* ─── Winner’s Name with Trophy Icon ─── */
.elementor-10976 .elementor-element.elementor-element-3e04836e .elementor-shortcode > div:first-child {
  position: relative;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 8px;
}


/* ─── Total Points ─── */
.elementor-10976 .elementor-element.elementor-element-3e04836e .elementor-shortcode > div:nth-child(2) {
  font-size: 22px;
  color: #eb9934;
  font-weight: 600;
  margin-bottom: 20px;
}

/* ─── Call-to-Action Link/button ─── */
.elementor-10976 .elementor-element.elementor-element-3e04836e .champion-cta {
  display: inline-block;
  padding: 10px 28px;
  border-radius: 50px;
  background: #e53935;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background 0.3s ease, transform 0.3s ease;
  text-decoration: none !important;
}
.elementor-10976 .elementor-element.elementor-element-3e04836e .champion-cta:hover {
  background: #d32f2f;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28819b42 */.elementor-10976 .elementor-element.elementor-element-28819b42 .sudoku-books-title {
  font-size: 30px;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  color: #222;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 12px;
}

.elementor-10976 .elementor-element.elementor-element-28819b42 .sudoku-books-title::after {
  content: '';
  display: block;
  width: 180px;
  height: 4px;
  background: linear-gradient(90deg, #ff4d4d, #1ecbe1);
  margin: 10px auto 0;
  border-radius: 4px;;
}

@keyframes underlinePulse {
  0% {
  
    opacity: 1;
  }
  50% {
  
    opacity: 0.7;
  } 
  100%{
    opacity: 1;
  }
}/* End custom CSS */