.elementor-10982 .elementor-element.elementor-element-5a0b24ff{--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-10982 .elementor-element.elementor-element-5a0b24ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10982 .elementor-element.elementor-element-634af37b{--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-10982 .elementor-element.elementor-element-634af37b.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-10982 .elementor-element.elementor-element-54cdbbf1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 22px;text-align:left;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1.elementor-element{--align-self:flex-start;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1 .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-10982 .elementor-element.elementor-element-64c84af1{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 20px 23px;}.elementor-10982 .elementor-element.elementor-element-64c84af1 .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-10982 .elementor-element.elementor-element-4ea739d6{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-10982 .elementor-element.elementor-element-4ea739d6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10982 .elementor-element.elementor-element-716e44e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 25px 25px;text-align:left;}.elementor-10982 .elementor-element.elementor-element-716e44e6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:600;color:#FF7400;}.elementor-10982 .elementor-element.elementor-element-64dfc63d{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-10982 .elementor-element.elementor-element-3331a706{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10982 .elementor-element.elementor-element-3331a706:not(.elementor-motion-effects-element-type-background), .elementor-10982 .elementor-element.elementor-element-3331a706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-57e46d54{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:24px 0px 0px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-57e46d54 .elementor-heading-title{font-size:30px;font-weight:800;text-transform:uppercase;color:#133736;}.elementor-10982 .elementor-element.elementor-element-5fc78d80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10982 .elementor-element.elementor-element-5fc78d80.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-6ce93b38{padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:#0067E2;}.elementor-10982 .elementor-element.elementor-element-619b721c{--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-10982 .elementor-element.elementor-element-64d7e89a{--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-10982 .elementor-element.elementor-element-3227943b{background-color:#32544c;padding:20px 10px 20px 10px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-3227943b.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-3227943b .elementor-heading-title{font-size:27px;font-weight:600;line-height:38px;color:#eddcba;}.elementor-10982 .elementor-element.elementor-element-6eb981fd{background-color:#443149;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-6eb981fd.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-6eb981fd .elementor-heading-title{font-size:25px;font-weight:600;line-height:38px;color:#eddcba;}.elementor-10982 .elementor-element.elementor-element-362b4598{background-color:#d79921;padding:20px 30px 20px 30px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-362b4598.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-362b4598 .elementor-heading-title{font-size:25px;font-weight:600;line-height:38px;color:#39240e;}.elementor-10982 .elementor-element.elementor-element-15c47b3{--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-10982 .elementor-element.elementor-element-299f8ec{--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-10982 .elementor-element.elementor-element-2e0c0b78{--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-10982 .elementor-element.elementor-element-7b9fa4db{width:100%;max-width:100%;background-color:#06668b;padding:30px 10px 30px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-7b9fa4db.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-7b9fa4db .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-62bba386{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-62bba386 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-2e98b713{padding:0px 10px 0px 10px;text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-61f3ce51{--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-10982 .elementor-element.elementor-element-184533f0{width:100%;max-width:100%;background-color:#1b5037;padding:30px 20px 30px 20px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-184533f0.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-184533f0 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-23bb1e83{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;padding:0px 10px -8px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-23bb1e83 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-6e02154e{padding:18px 10px 13px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-483b4679{--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-10982 .elementor-element.elementor-element-1b546a48{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-10982 .elementor-element.elementor-element-1b546a48.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-1b546a48 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-1299eb9e{padding:13px 10px 1px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-1299eb9e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-3e22dd35{padding:0px 10px 14px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-5ea4a220{--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-10982 .elementor-element.elementor-element-6c4f597e{width:100%;max-width:100%;background-color:#dc5406;padding:30px 10px 30px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-6c4f597e.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-6c4f597e .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-1a31d03d{padding:12px 10px 0px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-1a31d03d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-12066bf1{padding:0px 10px 15px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-3178c3c9{--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-10982 .elementor-element.elementor-element-7b1924fe{--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-10982 .elementor-element.elementor-element-3ceab281{--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-10982 .elementor-element.elementor-element-15cb044e{width:100%;max-width:100%;background-color:#242a0f;padding:30px 10px 30px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-15cb044e.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-15cb044e .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-1c5f0120{text-align:center;}.elementor-10982 .elementor-element.elementor-element-1c5f0120 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-18f97e5{padding:0px 10px 0px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-690ad4a2{--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-10982 .elementor-element.elementor-element-68c26dc2{width:100%;max-width:100%;background-color:#e5a723;padding:30px 10px 30px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-68c26dc2.elementor-element{--order:-99999 /* order start hack */;}.elementor-10982 .elementor-element.elementor-element-68c26dc2 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#2E2E2E;}.elementor-10982 .elementor-element.elementor-element-654a1acb{padding:20px 0px 0px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-654a1acb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-7132522d{padding:17px 10px 0px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-1c3532b6{--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-10982 .elementor-element.elementor-element-39d8b9c4{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-10982 .elementor-element.elementor-element-39d8b9c4.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-39d8b9c4 .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-49f30c7f{padding:20px 0px 0px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-49f30c7f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-54881a51{padding:17px 20px 0px 20px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-1b9cb83b{--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-10982 .elementor-element.elementor-element-2039881a{width:100%;max-width:100%;background-color:#32533c;padding:30px 20px 30px 20px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-2039881a.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-2039881a .elementor-heading-title{font-size:25px;font-weight:600;line-height:28px;color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-21e3739{padding:20px 0px 0px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-21e3739 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#00415C;}.elementor-10982 .elementor-element.elementor-element-341ed535{padding:17px 10px 0px 10px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-77e69f6a{--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-10982 .elementor-element.elementor-element-77e69f6a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10982 .elementor-element.elementor-element-21868ffd{--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-10982 .elementor-element.elementor-element-21868ffd:not(.elementor-motion-effects-element-type-background), .elementor-10982 .elementor-element.elementor-element-21868ffd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10982 .elementor-element.elementor-element-21868ffd::before, .elementor-10982 .elementor-element.elementor-element-21868ffd > .elementor-background-video-container::before, .elementor-10982 .elementor-element.elementor-element-21868ffd > .e-con-inner > .elementor-background-video-container::before, .elementor-10982 .elementor-element.elementor-element-21868ffd > .elementor-background-slideshow::before, .elementor-10982 .elementor-element.elementor-element-21868ffd > .e-con-inner > .elementor-background-slideshow::before, .elementor-10982 .elementor-element.elementor-element-21868ffd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10982 .elementor-element.elementor-element-5b68c0ce{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-10982 .elementor-element.elementor-element-5b68c0ce .elementor-heading-title{font-size:21px;font-weight:600;text-transform:uppercase;color:#00245C;}.elementor-10982 .elementor-element.elementor-element-537962ba{--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-10982 .elementor-element.elementor-element-537962ba:not(.elementor-motion-effects-element-type-background), .elementor-10982 .elementor-element.elementor-element-537962ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#460101;}.elementor-10982 .elementor-element.elementor-element-27929da4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10982 .elementor-element.elementor-element-27929da4.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-41e43a4a{padding:0px 0px 0px 0px;font-size:13px;font-weight:400;color:#0067E2;}.elementor-10982 .elementor-element.elementor-element-89e3508{width:var( --container-widget-width, 100% );max-width:100%;padding:24px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10982 .elementor-element.elementor-element-89e3508.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-10982 .elementor-element.elementor-element-315532fd{padding:0px 0px 0px 0px;}.elementor-10982 .elementor-element.elementor-element-315532fd img{width:100%;}.elementor-10982 .elementor-element.elementor-element-14e78112{--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-10982 .elementor-element.elementor-element-2108a3b8{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-10982 .elementor-element.elementor-element-26f10402{padding:0px 0px 10px 0px;}.elementor-10982 .elementor-element.elementor-element-26f10402 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10982 .elementor-element.elementor-element-5e41426f{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-9cbae92{padding:0px 0px 10px 0px;}.elementor-10982 .elementor-element.elementor-element-9cbae92 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10982 .elementor-element.elementor-element-25018f64{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-5ed6edaa{padding:0px 0px 10px 0px;}.elementor-10982 .elementor-element.elementor-element-5ed6edaa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10982 .elementor-element.elementor-element-56ce63a9{padding:0px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-f887226{--display:flex;}.elementor-10982 .elementor-element.elementor-element-f887226:not(.elementor-motion-effects-element-type-background), .elementor-10982 .elementor-element.elementor-element-f887226 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-10982 .elementor-element.elementor-element-7b886549{padding:20px 0px 7px 21px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-428c6435{padding:35px 0px 10px 0px;}.elementor-10982 .elementor-element.elementor-element-428c6435 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10982 .elementor-element.elementor-element-33076748{padding:0px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-287e3d03{--display:flex;}.elementor-10982 .elementor-element.elementor-element-287e3d03:not(.elementor-motion-effects-element-type-background), .elementor-10982 .elementor-element.elementor-element-287e3d03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-10982 .elementor-element.elementor-element-4c678dfc{padding:30px 30px 14px 21px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-2a6a8f30{padding:35px 0px 10px 0px;}.elementor-10982 .elementor-element.elementor-element-2a6a8f30 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10982 .elementor-element.elementor-element-5bf1d888{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10982 .elementor-element.elementor-element-bfb2512{--display:flex;}@media(max-width:1340px){.elementor-10982 .elementor-element.elementor-element-5a0b24ff{--flex-wrap:wrap;}.elementor-10982 .elementor-element.elementor-element-634af37b{--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:31px 0px 0px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1 .elementor-heading-title{font-size:45px;}.elementor-10982 .elementor-element.elementor-element-64c84af1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 32px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-64c84af1.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-64c84af1 .elementor-heading-title{font-size:27px;}.elementor-10982 .elementor-element.elementor-element-4ea739d6{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-10982 .elementor-element.elementor-element-4ea739d6.elementor-element{--align-self:center;}.elementor-10982 .elementor-element.elementor-element-716e44e6{padding:10px 0px 40px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-64d7e89a{--grid-auto-flow:row;}.elementor-10982 .elementor-element.elementor-element-299f8ec{--e-con-grid-template-columns:repeat(2, 1fr);--gap:13px 13px;--row-gap:13px;--column-gap:13px;--grid-auto-flow:row;}.elementor-10982 .elementor-element.elementor-element-7b9fa4db{width:100%;max-width:100%;}.elementor-10982 .elementor-element.elementor-element-184533f0{width:100%;max-width:100%;}.elementor-10982 .elementor-element.elementor-element-23bb1e83{padding:0px 0px 19px 0px;}.elementor-10982 .elementor-element.elementor-element-6e02154e{padding:0px 0px 8px 0px;}.elementor-10982 .elementor-element.elementor-element-1b546a48{padding:30px 0px 30px 0px;}.elementor-10982 .elementor-element.elementor-element-6c4f597e{width:100%;max-width:100%;}.elementor-10982 .elementor-element.elementor-element-7b1924fe{--e-con-grid-template-columns:repeat(2, 1fr);--gap:13px 13px;--row-gap:13px;--column-gap:13px;--grid-auto-flow:row;}.elementor-10982 .elementor-element.elementor-element-15cb044e{width:100%;max-width:100%;}.elementor-10982 .elementor-element.elementor-element-68c26dc2{width:100%;max-width:100%;}.elementor-10982 .elementor-element.elementor-element-77e69f6a{--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-10982 .elementor-element.elementor-element-89e3508{padding:70px 70px 70px 70px;}}@media(max-width:767px){.elementor-10982 .elementor-element.elementor-element-5a0b24ff{--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-10982 .elementor-element.elementor-element-634af37b{--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1{padding:0px 20px 0px 20px;}.elementor-10982 .elementor-element.elementor-element-54cdbbf1 .elementor-heading-title{font-size:30px;line-height:1.1em;}.elementor-10982 .elementor-element.elementor-element-64c84af1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:7px 20px 64px 20px;}.elementor-10982 .elementor-element.elementor-element-64c84af1 .elementor-heading-title{font-size:22px;}.elementor-10982 .elementor-element.elementor-element-4ea739d6{margin:-53px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:center;font-size:17px;}.elementor-10982 .elementor-element.elementor-element-716e44e6{padding:2px 0px 0px 0px;text-align:center;}.elementor-10982 .elementor-element.elementor-element-716e44e6 .elementor-heading-title{font-size:20px;}.elementor-10982 .elementor-element.elementor-element-64dfc63d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 54px) 0px;padding:1px 1px 25px 1px;}.elementor-10982 .elementor-element.elementor-element-64dfc63d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-10982 .elementor-element.elementor-element-3331a706{--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-10982 .elementor-element.elementor-element-619b721c{--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-10982 .elementor-element.elementor-element-64d7e89a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10982 .elementor-element.elementor-element-3227943b{width:100%;max-width:100%;padding:20px 0px 20px 0px;border-radius:10px 10px 10px 10px;}.elementor-10982 .elementor-element.elementor-element-3227943b .elementor-heading-title{font-size:30px;}.elementor-10982 .elementor-element.elementor-element-6eb981fd{width:100%;max-width:100%;border-radius:10px 10px 10px 10px;}.elementor-10982 .elementor-element.elementor-element-6eb981fd .elementor-heading-title{font-size:30px;}.elementor-10982 .elementor-element.elementor-element-362b4598{width:100%;max-width:100%;border-radius:10px 10px 10px 10px;}.elementor-10982 .elementor-element.elementor-element-362b4598 .elementor-heading-title{font-size:30px;}.elementor-10982 .elementor-element.elementor-element-15c47b3{--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-10982 .elementor-element.elementor-element-299f8ec{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10982 .elementor-element.elementor-element-3178c3c9{--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-10982 .elementor-element.elementor-element-7b1924fe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10982 .elementor-element.elementor-element-77e69f6a{--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-10982 .elementor-element.elementor-element-5a0b24ff{--content-width:1440px;}.elementor-10982 .elementor-element.elementor-element-634af37b{--width:70%;}.elementor-10982 .elementor-element.elementor-element-77e69f6a{--width:24.455%;}}@media(max-width:1340px) and (min-width:768px){.elementor-10982 .elementor-element.elementor-element-634af37b{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-716e44e6 */.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-64dfc63d *//* 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-10982 .elementor-element.elementor-element-64dfc63d – 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-10982 .elementor-element.elementor-element-64dfc63ds 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-3331a706 *//* ─── Card Base ─── */
.elementor-10982 .elementor-element.elementor-element-3331a706 {
  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-10982 .elementor-element.elementor-element-3331a706::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-10982 .elementor-element.elementor-element-3331a706 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-10982 .elementor-element.elementor-element-3331a706 .elementor-shortcode > div:first-child {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 8px;
}


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

/* ─── Call-to-Action Link/button ─── */
.elementor-10982 .elementor-element.elementor-element-3331a706 .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-10982 .elementor-element.elementor-element-3331a706 .champion-cta:hover {
  background: #d32f2f;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21868ffd *//* ─── Card Base ─── */
.elementor-10982 .elementor-element.elementor-element-21868ffd {
  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-10982 .elementor-element.elementor-element-21868ffd::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-10982 .elementor-element.elementor-element-21868ffd .elementor-shortcode > div:first-child {
  position: relative;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 8px;
}


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

/* ─── Call-to-Action Link/button ─── */
.elementor-10982 .elementor-element.elementor-element-21868ffd .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-10982 .elementor-element.elementor-element-21868ffd .champion-cta:hover {
  background: #d32f2f;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89e3508 */.elementor-10982 .elementor-element.elementor-element-89e3508 .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-10982 .elementor-element.elementor-element-89e3508 .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 */