.elementor-12 .elementor-element.elementor-element-10a5383b{--display:flex;--min-height:70vh;--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;--overlay-opacity:1;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:040px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-10a5383b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-10a5383b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://stickpedia.com/wp-content/uploads/2025/10/hero-background-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-10a5383b::before, .elementor-12 .elementor-element.elementor-element-10a5383b > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-10a5383b > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-10a5383b > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-10a5383b > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-10a5383b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000099 0%, #29292900 20%);}.elementor-12 .elementor-element.elementor-element-d4335fc{--display:flex;--min-height:550px;--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;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-cde3a1b{--display:flex;--justify-content:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-12 .elementor-element.elementor-element-61e5daf{--iteration-count:infinite;--animation-duration:1200ms;width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;--dynamic-text-color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-61e5daf.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline{text-align:center;font-family:var( --e-global-typography-c795150-font-family ), Sans-serif;font-size:var( --e-global-typography-c795150-font-size );font-weight:var( --e-global-typography-c795150-font-weight );line-height:var( --e-global-typography-c795150-line-height );}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline-plain-text{color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline-dynamic-text{font-family:var( --e-global-typography-c795150-font-family ), Sans-serif;font-weight:var( --e-global-typography-c795150-font-weight );line-height:var( --e-global-typography-c795150-line-height );}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-97eb307{width:var( --container-widget-width, 70% );max-width:70%;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-97eb307.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-97eb307 .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-3aae2b9{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-3aae2b9.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-69ca7f8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-69ca7f8.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-717e6c41{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-a54a811{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-653f1b74{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-653f1b74 .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-cfdb58b{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-cfdb58b .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-b529942{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c9d69f{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-c9d69f.e-con{--align-self:stretch;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-6cca35ca img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-2f825e0d{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-2f825e0d.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-2f825e0d .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-38b21e7f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-12 .elementor-element.elementor-element-38b21e7f.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-38b21e7f .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-32008a72{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-32008a72.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-2c3998c7 img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-33da17b5{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-33da17b5.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-33da17b5 .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-7ba8f3b6{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-12 .elementor-element.elementor-element-7ba8f3b6.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-7ba8f3b6 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-581be334{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-581be334.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-7aac6c04 img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-1073a314{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-1073a314.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-1073a314 .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-225e45f2{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-12 .elementor-element.elementor-element-225e45f2.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-225e45f2 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-4181f3e{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-4181f3e.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-13469c99 img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-1b011f21{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-1b011f21.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-1b011f21 .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-1029c041{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-12 .elementor-element.elementor-element-1029c041.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-1029c041 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-6299047f{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-6299047f.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-2a089f0c img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-56b0558f{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-56b0558f.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-56b0558f .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-16ee1aec{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:var( --e-global-typography-0671cbc-font-family ), Sans-serif;font-size:var( --e-global-typography-0671cbc-font-size );font-weight:var( --e-global-typography-0671cbc-font-weight );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-68c7f0e3{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-12 .elementor-element.elementor-element-68c7f0e3.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-68c7f0e3 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-536fe52f{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-536fe52f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-12 .elementor-element.elementor-element-5a6059c2{--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;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-101aee8c{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f99bc77{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-f99bc77 .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-f03c8fa{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-f03c8fa .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-7bc9a62b{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-75032a5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12 .elementor-element.elementor-element-64007473{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-64007473 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-12 .elementor-element.elementor-element-64007473 .e-loop-item > .elementor-section, .elementor-12 .elementor-element.elementor-element-64007473 .e-loop-item > .elementor-section > .elementor-container, .elementor-12 .elementor-element.elementor-element-64007473 .e-loop-item > .e-con, .elementor-12 .elementor-element.elementor-element-64007473 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-12 .elementor-element.elementor-element-27e43bd0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-402b47c0{--grid-columns:1;--grid-row-gap:5px;}.elementor-12 .elementor-element.elementor-element-4f41e36{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 10px;}.elementor-12 .elementor-element.elementor-element-4f41e36 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-0db8c94{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-1381873d{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-1381873d.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-1381873d .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-477ba158{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2245ce71{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-2245ce71 .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-7ca2382f{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-7ca2382f .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-28d1e36a{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-48f71089{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1374326c{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-1374326c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-12 .elementor-element.elementor-element-1374326c .e-loop-item > .elementor-section, .elementor-12 .elementor-element.elementor-element-1374326c .e-loop-item > .elementor-section > .elementor-container, .elementor-12 .elementor-element.elementor-element-1374326c .e-loop-item > .e-con, .elementor-12 .elementor-element.elementor-element-1374326c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-12 .elementor-element.elementor-element-2bbf34b3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-105f9cb2{--grid-columns:1;--grid-row-gap:5px;}.elementor-12 .elementor-element.elementor-element-999e850{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 10px;}.elementor-12 .elementor-element.elementor-element-999e850 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-1981d80{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-19bb41dc{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-19bb41dc.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-19bb41dc .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-77e429f3{--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;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-2f58d88c{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1fda869b{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-1fda869b .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-551043ef{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-551043ef .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-70ed34c0{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6870a9ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-42b37b0{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-42b37b0 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-12 .elementor-element.elementor-element-42b37b0 .e-loop-item > .elementor-section, .elementor-12 .elementor-element.elementor-element-42b37b0 .e-loop-item > .elementor-section > .elementor-container, .elementor-12 .elementor-element.elementor-element-42b37b0 .e-loop-item > .e-con, .elementor-12 .elementor-element.elementor-element-42b37b0 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-12 .elementor-element.elementor-element-2d98436e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-50bd3c5f{--grid-columns:1;--grid-row-gap:5px;}.elementor-12 .elementor-element.elementor-element-07f97f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 10px;}.elementor-12 .elementor-element.elementor-element-07f97f6 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-9135b7a{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-44d24a07{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-44d24a07.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-44d24a07 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-5206ad63{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1dcc9161{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-1dcc9161 .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-22f46ed9{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-22f46ed9 .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-56ff13b6{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3a884106{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4e6a24c8{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-4e6a24c8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-12 .elementor-element.elementor-element-4e6a24c8 .e-loop-item > .elementor-section, .elementor-12 .elementor-element.elementor-element-4e6a24c8 .e-loop-item > .elementor-section > .elementor-container, .elementor-12 .elementor-element.elementor-element-4e6a24c8 .e-loop-item > .e-con, .elementor-12 .elementor-element.elementor-element-4e6a24c8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-12 .elementor-element.elementor-element-3b1de699{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5b3dbf03{--grid-columns:1;--grid-row-gap:5px;}.elementor-12 .elementor-element.elementor-element-bcf9cd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 10px;}.elementor-12 .elementor-element.elementor-element-bcf9cd9 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-99551c7{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-4687685e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-4687685e.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-4687685e .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-3b033912{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-32cbd5f3{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-32cbd5f3 .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-222510cd{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-222510cd .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-d104110{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-65dc37ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7f7a5e2e{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-7f7a5e2e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-12 .elementor-element.elementor-element-7f7a5e2e .e-loop-item > .elementor-section, .elementor-12 .elementor-element.elementor-element-7f7a5e2e .e-loop-item > .elementor-section > .elementor-container, .elementor-12 .elementor-element.elementor-element-7f7a5e2e .e-loop-item > .e-con, .elementor-12 .elementor-element.elementor-element-7f7a5e2e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-12 .elementor-element.elementor-element-176ff667{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6bc10f6a{--grid-columns:1;--grid-row-gap:5px;}.elementor-12 .elementor-element.elementor-element-870ad0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 10px;}.elementor-12 .elementor-element.elementor-element-870ad0d .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-4eb5eae{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-720e1313{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-720e1313.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-720e1313 .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-75833ee2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-12 .elementor-element.elementor-element-7ec27c6a{--display:flex;--justify-content:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5ffe7897{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-5ffe7897 .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-3d96afdf{width:var( --container-widget-width, 80% );max-width:80%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-3d96afdf .elementor-heading-title{font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-33bc39c8{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4b94de8e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3f6c52c6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-3f6c52c6.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-2889b40d{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-2889b40d.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-2889b40d .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:12px;font-weight:800;line-height:1.2em;letter-spacing:0.2px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-3134625e.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-3134625e.elementor-view-stacked .elementor-icon{background-color:#0C40C1;}.elementor-12 .elementor-element.elementor-element-3134625e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-3134625e.elementor-view-default .elementor-icon{color:#0C40C1;border-color:#0C40C1;}.elementor-12 .elementor-element.elementor-element-3134625e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-3134625e.elementor-view-default .elementor-icon svg{fill:#0C40C1;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon{font-size:26px;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon svg{height:26px;}.elementor-12 .elementor-element.elementor-element-68de5810{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-68de5810.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-68de5810 .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-312ef51d{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:var( --e-global-typography-0671cbc-font-family ), Sans-serif;font-size:var( --e-global-typography-0671cbc-font-size );font-weight:var( --e-global-typography-0671cbc-font-weight );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-1693a45{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-1693a45.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-6d2141fc{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-6d2141fc.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-6d2141fc .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:12px;font-weight:800;line-height:1.2em;letter-spacing:0.2px;}.elementor-12 .elementor-element.elementor-element-48b658b3.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon{font-size:26px;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon svg{height:26px;}.elementor-12 .elementor-element.elementor-element-5e310399{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-5e310399.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-5e310399 .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-54b775d9{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:var( --e-global-typography-0671cbc-font-family ), Sans-serif;font-size:var( --e-global-typography-0671cbc-font-size );font-weight:var( --e-global-typography-0671cbc-font-weight );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-55b8adca{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ED58D81F;--border-color:#ED58D81F;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-55b8adca.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-64a82fca{width:auto;max-width:auto;}.elementor-12 .elementor-element.elementor-element-64a82fca.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-64a82fca .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:12px;font-weight:800;line-height:1.2em;letter-spacing:0.2px;}.elementor-12 .elementor-element.elementor-element-136b42fc.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-136b42fc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-136b42fc.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-136b42fc.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-136b42fc.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-136b42fc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon{font-size:26px;}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon svg{height:26px;}.elementor-12 .elementor-element.elementor-element-1a005716{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-12 .elementor-element.elementor-element-1a005716.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-1a005716 .elementor-heading-title{font-family:var( --e-global-typography-7998655-font-family ), Sans-serif;font-size:var( --e-global-typography-7998655-font-size );font-weight:var( --e-global-typography-7998655-font-weight );letter-spacing:var( --e-global-typography-7998655-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-320b35a5{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:var( --e-global-typography-0671cbc-font-family ), Sans-serif;font-size:var( --e-global-typography-0671cbc-font-size );font-weight:var( --e-global-typography-0671cbc-font-weight );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-20b9d6d9{--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-12 .elementor-element.elementor-element-65daa5ed{--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:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:1;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 7px 12px 0px rgba(0, 0, 0, 0.03);--margin-top:50px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-65daa5ed:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://stickpedia.com/wp-content/uploads/2025/10/Call-to-Action.webp");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-12 .elementor-element.elementor-element-65daa5ed::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(97deg, var( --e-global-color-primary ) 60%, #0C40C10D 93%);}.elementor-12 .elementor-element.elementor-element-65daa5ed.e-con{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-4448dd60{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-12 .elementor-element.elementor-element-40a99def{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-40a99def.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-40a99def .elementor-heading-title{font-family:var( --e-global-typography-16dd1bd-font-family ), Sans-serif;font-size:var( --e-global-typography-16dd1bd-font-size );font-weight:var( --e-global-typography-16dd1bd-font-weight );line-height:var( --e-global-typography-16dd1bd-line-height );letter-spacing:var( --e-global-typography-16dd1bd-letter-spacing );color:var( --e-global-color-c0d3bb2 );}.elementor-12 .elementor-element.elementor-element-2a6656e9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;font-family:var( --e-global-typography-6e892de-font-family ), Sans-serif;font-size:var( --e-global-typography-6e892de-font-size );font-weight:var( --e-global-typography-6e892de-font-weight );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );color:var( --e-global-color-c0d3bb2 );}.elementor-12 .elementor-element.elementor-element-2675cc1c{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-67b221c8{--display:flex;--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-49a658bd{width:auto;max-width:auto;text-align:left;}.elementor-12 .elementor-element.elementor-element-49a658bd.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-49a658bd .elementor-heading-title{font-family:var( --e-global-typography-16dd1bd-font-family ), Sans-serif;font-size:var( --e-global-typography-16dd1bd-font-size );font-weight:var( --e-global-typography-16dd1bd-font-weight );line-height:var( --e-global-typography-16dd1bd-line-height );letter-spacing:var( --e-global-typography-16dd1bd-letter-spacing );color:var( --e-global-color-ff7d262 );}.elementor-12 .elementor-element.elementor-element-52016057{--display:flex;--min-height:500px;--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;--overlay-opacity:1;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-12 .elementor-element.elementor-element-52016057:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-52016057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-12 .elementor-element.elementor-element-52016057::before, .elementor-12 .elementor-element.elementor-element-52016057 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-52016057 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-52016057 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-52016057 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-52016057 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(103deg, #ECECEC 20%, #ECECEC9C 100%);}.elementor-12 .elementor-element.elementor-element-23c6893e{--display:flex;}.elementor-12 .elementor-element.elementor-element-33c9d64f{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-33c9d64f .elementor-heading-title{font-family:var( --e-global-typography-8009ec3-font-family ), Sans-serif;font-size:var( --e-global-typography-8009ec3-font-size );font-weight:var( --e-global-typography-8009ec3-font-weight );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );color:#10141F;}.elementor-12 .elementor-element.elementor-element-44cc0990{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-0671cbc-font-family ), Sans-serif;font-size:var( --e-global-typography-0671cbc-font-size );font-weight:var( --e-global-typography-0671cbc-font-weight );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-2506239f{--display:flex;}.elementor-12 .elementor-element.elementor-element-1103fbb3{--grid-columns:1;--grid-row-gap:5px;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-10a5383b{--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-12 .elementor-element.elementor-element-d4335fc{--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-12 .elementor-element.elementor-element-61e5daf{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline{font-size:var( --e-global-typography-c795150-font-size );line-height:var( --e-global-typography-c795150-line-height );}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline-dynamic-text{line-height:var( --e-global-typography-c795150-line-height );}.elementor-12 .elementor-element.elementor-element-97eb307{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-97eb307 .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-653f1b74 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-cfdb58b .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-b529942{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-2f825e0d .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-38b21e7f .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-33da17b5 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-7ba8f3b6 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-1073a314 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-225e45f2 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-1b011f21 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-1029c041 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-56b0558f .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-16ee1aec{font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-68c7f0e3 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-536fe52f{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-536fe52f .elementor-heading-title{font-size:18px;}.elementor-12 .elementor-element.elementor-element-f99bc77 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-f03c8fa .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-7bc9a62b{--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-12 .elementor-element.elementor-element-64007473{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-402b47c0{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-4f41e36 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-1381873d .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-2245ce71 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-7ca2382f .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-28d1e36a{--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-12 .elementor-element.elementor-element-1374326c{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-105f9cb2{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-999e850 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-19bb41dc .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-1fda869b .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-551043ef .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-70ed34c0{--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-12 .elementor-element.elementor-element-42b37b0{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-50bd3c5f{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-07f97f6 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-44d24a07 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-1dcc9161 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-22f46ed9 .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-56ff13b6{--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-12 .elementor-element.elementor-element-4e6a24c8{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-5b3dbf03{--grid-columns:2;width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-bcf9cd9 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-4687685e .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-32cbd5f3 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-222510cd .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-d104110{--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-12 .elementor-element.elementor-element-7f7a5e2e{--grid-columns:2;width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-6bc10f6a{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-870ad0d .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-720e1313 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-5ffe7897 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-3d96afdf .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-4b94de8e{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-2889b40d .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon{font-size:50px;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon svg{height:50px;}.elementor-12 .elementor-element.elementor-element-68de5810 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-312ef51d{font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-6d2141fc .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon{font-size:50px;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon svg{height:50px;}.elementor-12 .elementor-element.elementor-element-5e310399 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-54b775d9{font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-64a82fca .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon{font-size:50px;}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon svg{height:50px;}.elementor-12 .elementor-element.elementor-element-1a005716 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-320b35a5{font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-65daa5ed{--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:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-40a99def .elementor-heading-title{font-size:var( --e-global-typography-16dd1bd-font-size );line-height:var( --e-global-typography-16dd1bd-line-height );letter-spacing:var( --e-global-typography-16dd1bd-letter-spacing );}.elementor-12 .elementor-element.elementor-element-2a6656e9{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-49a658bd{text-align:center;}.elementor-12 .elementor-element.elementor-element-49a658bd .elementor-heading-title{font-size:var( --e-global-typography-16dd1bd-font-size );line-height:var( --e-global-typography-16dd1bd-line-height );letter-spacing:var( --e-global-typography-16dd1bd-letter-spacing );}.elementor-12 .elementor-element.elementor-element-33c9d64f .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-44cc0990{font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-1103fbb3{--grid-columns:2;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-10a5383b{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-d4335fc{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-cde3a1b{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-61e5daf{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline{font-size:var( --e-global-typography-c795150-font-size );line-height:var( --e-global-typography-c795150-line-height );}.elementor-12 .elementor-element.elementor-element-61e5daf .elementor-headline-dynamic-text{line-height:var( --e-global-typography-c795150-line-height );}.elementor-12 .elementor-element.elementor-element-97eb307{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-97eb307.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-97eb307 .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-3aae2b9{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-717e6c41{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-a54a811{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-653f1b74{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-653f1b74 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-cfdb58b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-cfdb58b.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-cfdb58b .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-b529942{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-2f825e0d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-2f825e0d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-2f825e0d .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-38b21e7f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-38b21e7f.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-38b21e7f .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-33da17b5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-33da17b5.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-33da17b5 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-7ba8f3b6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-7ba8f3b6.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-7ba8f3b6 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-1073a314{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1073a314.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1073a314 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-225e45f2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-225e45f2.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-225e45f2 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-1b011f21{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1b011f21.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1b011f21 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-1029c041{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1029c041.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1029c041 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-56b0558f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-56b0558f.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-56b0558f .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-16ee1aec{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-16ee1aec.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-68c7f0e3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-68c7f0e3.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-68c7f0e3 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-536fe52f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-536fe52f.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-536fe52f .elementor-heading-title{font-size:18px;}.elementor-12 .elementor-element.elementor-element-5a6059c2{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-101aee8c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f99bc77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-f99bc77 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-f03c8fa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-f03c8fa.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-f03c8fa .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-64007473{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-402b47c0{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-4f41e36{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-4f41e36.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-4f41e36 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-1381873d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1381873d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1381873d .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-477ba158{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2245ce71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-2245ce71 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-7ca2382f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-7ca2382f.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-7ca2382f .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-1374326c{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-105f9cb2{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-999e850{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-999e850.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-999e850 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-19bb41dc{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-19bb41dc.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-19bb41dc .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-77e429f3{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-2f58d88c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1fda869b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1fda869b .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-551043ef{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-551043ef.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-551043ef .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-70ed34c0{--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;}.elementor-12 .elementor-element.elementor-element-42b37b0{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-50bd3c5f{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-07f97f6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-07f97f6.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-07f97f6 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-44d24a07{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-44d24a07.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-44d24a07 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-5206ad63{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1dcc9161{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1dcc9161 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-22f46ed9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-22f46ed9.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-22f46ed9 .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-4e6a24c8{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-5b3dbf03{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-bcf9cd9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-bcf9cd9.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-bcf9cd9 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-4687685e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-4687685e.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-4687685e .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-3b033912{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-32cbd5f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-32cbd5f3 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-222510cd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-222510cd.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-222510cd .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-7f7a5e2e{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-6bc10f6a{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-870ad0d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-870ad0d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-870ad0d .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-720e1313{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-720e1313.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-720e1313 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-75833ee2{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-7ec27c6a{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5ffe7897{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-5ffe7897 .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-3d96afdf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-3d96afdf.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-3d96afdf .elementor-heading-title{font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-33bc39c8{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-12 .elementor-element.elementor-element-4b94de8e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-2889b40d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-2889b40d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-2889b40d .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-3134625e.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon{font-size:50px;}.elementor-12 .elementor-element.elementor-element-3134625e .elementor-icon svg{height:50px;}.elementor-12 .elementor-element.elementor-element-68de5810{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-68de5810.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-68de5810 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-312ef51d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-312ef51d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-6d2141fc{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-6d2141fc.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-6d2141fc .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-48b658b3.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon{font-size:50px;}.elementor-12 .elementor-element.elementor-element-48b658b3 .elementor-icon svg{height:50px;}.elementor-12 .elementor-element.elementor-element-5e310399{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-5e310399.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-5e310399 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-54b775d9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-54b775d9.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-64a82fca{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-64a82fca.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-64a82fca .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-136b42fc.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon{font-size:50px;}.elementor-12 .elementor-element.elementor-element-136b42fc .elementor-icon svg{height:50px;}.elementor-12 .elementor-element.elementor-element-1a005716{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1a005716.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1a005716 .elementor-heading-title{font-size:var( --e-global-typography-7998655-font-size );letter-spacing:var( --e-global-typography-7998655-letter-spacing );}.elementor-12 .elementor-element.elementor-element-320b35a5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-320b35a5.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-65daa5ed::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-65daa5ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(300deg, var( --e-global-color-primary ) 100%, #0C40C10D 100%);}.elementor-12 .elementor-element.elementor-element-65daa5ed{--overlay-opacity:0.95;--margin-top:50px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-40a99def{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-40a99def.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-40a99def .elementor-heading-title{font-size:var( --e-global-typography-16dd1bd-font-size );line-height:var( --e-global-typography-16dd1bd-line-height );letter-spacing:var( --e-global-typography-16dd1bd-letter-spacing );}.elementor-12 .elementor-element.elementor-element-2a6656e9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:var( --e-global-typography-6e892de-font-size );line-height:var( --e-global-typography-6e892de-line-height );letter-spacing:var( --e-global-typography-6e892de-letter-spacing );}.elementor-12 .elementor-element.elementor-element-2a6656e9.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-49a658bd.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-49a658bd{text-align:center;}.elementor-12 .elementor-element.elementor-element-49a658bd .elementor-heading-title{font-size:var( --e-global-typography-16dd1bd-font-size );line-height:var( --e-global-typography-16dd1bd-line-height );letter-spacing:var( --e-global-typography-16dd1bd-letter-spacing );}.elementor-12 .elementor-element.elementor-element-33c9d64f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-33c9d64f .elementor-heading-title{font-size:var( --e-global-typography-8009ec3-font-size );line-height:var( --e-global-typography-8009ec3-line-height );letter-spacing:var( --e-global-typography-8009ec3-letter-spacing );}.elementor-12 .elementor-element.elementor-element-44cc0990{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:var( --e-global-typography-0671cbc-font-size );line-height:var( --e-global-typography-0671cbc-line-height );letter-spacing:var( --e-global-typography-0671cbc-letter-spacing );}.elementor-12 .elementor-element.elementor-element-44cc0990.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1103fbb3{--grid-columns:1;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-10a5383b{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-d4335fc{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-717e6c41{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-a54a811{--width:100%;}.elementor-12 .elementor-element.elementor-element-5a6059c2{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-101aee8c{--width:100%;}.elementor-12 .elementor-element.elementor-element-75032a5a{--width:70%;}.elementor-12 .elementor-element.elementor-element-27e43bd0{--width:30%;}.elementor-12 .elementor-element.elementor-element-477ba158{--width:100%;}.elementor-12 .elementor-element.elementor-element-48f71089{--width:70%;}.elementor-12 .elementor-element.elementor-element-2bbf34b3{--width:30%;}.elementor-12 .elementor-element.elementor-element-77e429f3{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-2f58d88c{--width:100%;}.elementor-12 .elementor-element.elementor-element-6870a9ab{--width:70%;}.elementor-12 .elementor-element.elementor-element-2d98436e{--width:30%;}.elementor-12 .elementor-element.elementor-element-5206ad63{--width:100%;}.elementor-12 .elementor-element.elementor-element-3a884106{--width:70%;}.elementor-12 .elementor-element.elementor-element-3b1de699{--width:30%;}.elementor-12 .elementor-element.elementor-element-3b033912{--width:100%;}.elementor-12 .elementor-element.elementor-element-65dc37ec{--width:70%;}.elementor-12 .elementor-element.elementor-element-176ff667{--width:30%;}.elementor-12 .elementor-element.elementor-element-75833ee2{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-7ec27c6a{--width:100%;}.elementor-12 .elementor-element.elementor-element-4448dd60{--width:70%;}.elementor-12 .elementor-element.elementor-element-2675cc1c{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-52016057{--content-width:1350px;}.elementor-12 .elementor-element.elementor-element-23c6893e{--width:60%;}.elementor-12 .elementor-element.elementor-element-2506239f{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-cde3a1b{--width:100%;}.elementor-12 .elementor-element.elementor-element-75032a5a{--width:100%;}.elementor-12 .elementor-element.elementor-element-27e43bd0{--width:100%;}.elementor-12 .elementor-element.elementor-element-48f71089{--width:100%;}.elementor-12 .elementor-element.elementor-element-2bbf34b3{--width:100%;}.elementor-12 .elementor-element.elementor-element-6870a9ab{--width:100%;}.elementor-12 .elementor-element.elementor-element-2d98436e{--width:100%;}.elementor-12 .elementor-element.elementor-element-3a884106{--width:100%;}.elementor-12 .elementor-element.elementor-element-3b1de699{--width:100%;}.elementor-12 .elementor-element.elementor-element-d104110{--width:100%;}.elementor-12 .elementor-element.elementor-element-65dc37ec{--width:100%;}.elementor-12 .elementor-element.elementor-element-176ff667{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-10a5383b */.elementor-12 .elementor-element.elementor-element-10a5383b {
    mask-image: linear-gradient(to top, transparent 2%, black 50%);
    max-width: 100vw;
    overflow: hidden;
}

@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-10a5383b {
    mask-image: none !important;
    -webkit-mask-image: none !important; /* Safari/Chrome */
    overflow: visible !important; /* opcional si se recorta */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-97eb307 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3aae2b9 */#ajaxsearchpro1_1 {
    height: 60px !important;
    align-content: center  !important;
    padding: 0 0 0 20px !important;
    outline: 5px solid #0c40c029 !important;
    transition: transform 0.3s ease;
  z-index: 1001; /* above its own overlay */
}

/* Smooth transition for the search container */
#ajaxsearchpro1_1 {
  transition: transform 0.2s cubic-bezier(0.45, -0.07, 0.12, 1.17), z-index 0.2s ease-in-out;
  position: relative;
  z-index: 1001; /* sits above overlay */
}

/* Highlight + scale the container when any child is focused */
#ajaxsearchpro1_1:focus-within {
  transform: scale(1.1);
  box-shadow: 0 0 20px #0c40c03d;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-69ca7f8 */.elementor-12 .elementor-element.elementor-element-69ca7f8 a{
    font-family: red hat display;
    color: #0C40C1
}

.elementor-shortcode p {
  font-family: 'Red Hat Display', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4335fc *//* ---- Dot pattern overlay ---------------------------------------------- */
/* Put these variables on the element you want patterned (optional) */
.hero {
  /* tweak freely */
  --dot-color: rgba(0,0,0,.05);   /* dot color */
  --dot-size: 1.6px;              /* dot diameter */
  --dot-gap: 28px;                /* grid spacing */
  --focus-x: 70%;                 /* where the pattern is most visible (x)  */
  --focus-y: 50%;                 /* …and (y)                                 */
  --fade-1: 30%;                  /* inner solid radius                       */
  --fade-2: 55%;                  /* start fading                             */
  --fade-3: 80%;                  /* far fade                                 */
  position: relative;
  isolation: isolate;             /* keeps the overlay from mixing with parents */
}

/* Create the dots + gradient fade as an overlay */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;           /* clicks go through */
  z-index: 0;

  /* 1) DOT GRID */
  /* tiny circular dots on a square grid */
  background-image: radial-gradient(var(--dot-color) var(--dot-size), transparent calc(var(--dot-size) + 0.1px));
  background-size: var(--dot-gap) var(--dot-gap);
  background-position: 0 0;

  /* 2) GRADIENT MASK (visible center-right → fades to edges) */
  /* Standards + Safari (-webkit-mask) */
  mask-image: radial-gradient(circle at var(--focus-x) var(--focus-y),
                #000  var(--fade-1),
                rgba(0,0,0,15) var(--fade-2),
                rgba(0,0,0,0)   var(--fade-3));
  -webkit-mask-image: radial-gradient(circle at var(--focus-x) var(--focus-y),
                #000  var(--fade-1),
                rgba(0,0,0,.05) var(--fade-2),
                rgba(0,0,0,0)   var(--fade-3));
}

/* If your section has other backgrounds, ensure content sits above the dots */
.hero > * { position: relative; z-index: 1; }

/* Optional: dark mode example (flip dot color) */
@media (prefers-color-scheme: dark) {
  .hero { --dot-color: rgba(255,255,255,.65); }
}

.elementor-12 .elementor-element.elementor-element-d4335fc {
    mask-image: linear-gradient(to top, transparent 1%, black 10%);
    max-width: 100vw;
    overflow: hidden;
}


@media (max-width: 767px) {
  .elementor-12 .elementor-element.elementor-element-d4335fc {
    mask-image: none !important;
    -webkit-mask-image: none !important; /* Safari/Chrome */
    overflow: visible !important; /* opcional si se recorta */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-653f1b74 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-653f1b74 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cfdb58b */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2f825e0d */.elementor-12 .elementor-element.elementor-element-2f825e0d {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38b21e7f */.elementor-12 .elementor-element.elementor-element-38b21e7f {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33da17b5 */.elementor-12 .elementor-element.elementor-element-33da17b5 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7ba8f3b6 */.elementor-12 .elementor-element.elementor-element-7ba8f3b6 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1073a314 */.elementor-12 .elementor-element.elementor-element-1073a314 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-225e45f2 */.elementor-12 .elementor-element.elementor-element-225e45f2 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b011f21 */.elementor-12 .elementor-element.elementor-element-1b011f21 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1029c041 */.elementor-12 .elementor-element.elementor-element-1029c041 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-56b0558f */.elementor-12 .elementor-element.elementor-element-56b0558f {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-16ee1aec */.elementor-12 .elementor-element.elementor-element-16ee1aec p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-68c7f0e3 */.elementor-12 .elementor-element.elementor-element-68c7f0e3 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-536fe52f */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717e6c41 */<!-- ===== Non-profit Calendar Hero – drop this whole block into an Elementor HTML widget ===== -->
<style>
  /* ---------- Design tokens ---------- */
  :root {
    --accent:#ec58d7;                /* requested accent */
    --bg-2:#ffffff;
    --ink:#1f2430;
    --muted:#6b7280;
    --ring: 0 0 0 3px #ec58d720;
    --radius:18px;
    --shadow: 0 8px 30px rgb(31 36 48 / 1%), 0 2px 10px rgba(31, 36, 48, .06);
  }

  /* ---------- Layout shell ---------- */
  .np-hero {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: radial-gradient(1200px 600px at 15% 10%, #fff, var(--bg-1));
    border-radius: 24px;
    font-family: 'Gabarito';
  }

  .np-stack {
    position: relative;
    width: 1100px;
  }

  /* push group to the right so it overflows on large screens */
  .np-illustration {
    position: relative;
    transform: translateX(0vw);
  }

  /* grid for the cards */
  .np-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    position: relative;
  }

  .np-card {
    position: relative;
    z-index: 1;
  }

  .np-grid::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 80%, #fff 100%);
    pointer-events: none;   /* let clicks through */
    z-index: 5;             /* ensures overlay is above the cards */
  }

  /* ---------- Cards ---------- */
  .np-card {
    background: var(--bg-2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(31,36,48,.06);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px;
  }
  .np-card h4 {
    margin: 0 0 10px 0;
    font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--ink);
    letter-spacing: .2px;
    font-family: 'Gabarito' !important;
  }
  .np-help { color: var(--muted); font-size: 12px; margin-top: 6px; }

  /* ---------- Calendar ---------- */
  .np-cal {
    grid-column: span 4;
  }
  .np-cal .cal-head {
    display:flex; align-items:center; justify-content:space-between;
    font-weight:600; color:var(--ink); margin-bottom:10px;
  }
  .np-cal .cal-grid {
    display:grid; grid-template-columns: repeat(7,1fr); gap:6px; font-size:12px;
  }
  .np-cal .dow { color:var(--muted); text-align:center; padding:6px 0; }
  .np-cal .d {
    text-align:center; padding:8px 0;
    border-radius:12px; background:#fff; border:1px solid #f0eef6;
  }
  .np-cal .d.is-today { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-cal .d.is-active { background: var(--accent); color:#fff; font-weight:600; }

  /* ---------- Type of Booking / AI ---------- */
  .np-type { grid-column: span 5; }
  .np-type .row { display:flex; gap:10px; align-items:flex-start; margin:10px 0; }
  .np-radio {
    --size:16px;
    width:var(--size); height:var(--size);
    border-radius:50%; border:2px solid #d8d5e2; position:relative; margin-top:2px;
  }
  .np-radio.is-on { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-radio.is-on::after{
    content:""; position:absolute; inset:3px; background:var(--accent); border-radius:50%;
  }
  .np-chip-input{
    margin-top:12px;
    display:flex; align-items:center; gap:10px;
    background:#fff; border:1px solid #eee9f7; border-radius:999px; padding:10px 14px;
  }
  .np-chip-input input{
    border:none; outline:none; flex:1; font: 500 13px/1.1 system-ui;
    color:var(--ink); background:transparent;
  }
  .np-chip-input .go{
    display:inline-grid; place-items:center; width:34px; height:34px; border-radius:999px;
    background:var(--accent); color:#fff; font-weight:700;
  }

  /* ---------- Time Picker ---------- */
  .np-time { grid-column: span 3; }
  .np-switch{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
  .np-switch .toggle{ width:42px; height:24px; border-radius:999px; padding:3px;
    background:#ece8f6; position:relative; }
  .np-switch .toggle::after{
    content:""; position:absolute; width:18px; height:18px; border-radius:50%;
    background:#fff; left:3px; top:3px; transition:.25s;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }
  .np-switch.is-on .toggle{ background:var(--accent); }
  .np-switch.is-on .toggle::after{ transform: translateX(18px); }

  .np-slots { display:grid; gap:8px; }
  .np-slot{
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    display:flex; justify-content:center; font-weight:600; color:#2b2f3a;
  }
  .np-slot.is-best{
    background: var(--accent); color:#fff; box-shadow: var(--shadow);
  }

  /* ---------- Date strip ---------- */
  .np-strip { grid-column: span 6; display:flex; align-items:center; gap:12px; }
  .np-pill{
    background:#fff; border:1px solid #eee9f7; border-radius:16px; padding:10px 12px; display:flex; align-items:center; gap:10px;
  }
  .np-pill .dot{ width:10px; height:10px; border-radius:50%; background: var(--accent); }
  .np-options{ display:flex; gap:8px; }
  .np-option{
    border-radius:999px; padding:8px 12px; border:1px solid #eee9f7; background:#fff; font-weight:600; color:#383d47;
  }
  .np-option.is-active{ background:var(--accent); color:#fff; }

  /* ---------- Appearance / Accent ---------- */
  .np-appearance{ grid-column: span 6; }
  .np-swatches{ display:flex; gap:10px; align-items:center; }
  .np-swatch{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    min-width: 170px;
  }
  .np-swatch .chip{ width:22px; height:22px; border-radius:6px; background: var(--accent); box-shadow: inset 0 0 0 2px #ffffffaa; }
  .np-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size:12px; color:#2b2f3a; }

  /* ---------- Profile ---------- */
  .np-profile{
    grid-column: span 3;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px;
    position: absolute;
    top: 330px;
    left: -50px;
  }
  .np-profile .who{ display:flex; align-items:center; gap:10px; }
  .np-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg, var(--accent), #ffd1f2); }
  .np-profile small{ color:var(--muted); display:block; margin-top:2px; }

  /* ---------- Responsive ---------- */
  @media (max-width: 1000px) {
    .np-illustration { transform: none; } /* avoid off-screen on small widths */
  }
  @media (max-width: 880px) {
    .np-cal { grid-column: span 12; }
    .np-type { grid-column: span 12; }
    .np-time { grid-column: span 12; }
    .np-strip { grid-column: span 12; flex-wrap:wrap; }
    .np-appearance{ grid-column: span 12; }
    .np-profile{ grid-column: span 6; }
  }
  @media (max-width: 560px){
    .np-profile{ grid-column: span 12; }
  }
</style>

<section class="np-hero" aria-label="Non-profit scheduling illustration">
  <div class="np-stack">
    <!-- You can place your headline/CTA on the left with Elementor; this block focuses on the right overflow art -->
    <div class="np-illustration" role="img" aria-label="Scheduling widgets preview">
      <div class="np-grid">

        <!-- Book a 30m Meeting -->
        <div class="np-card np-time">
          <h4>Book a 30m Meeting</h4>
          <div class="np-switch is-on" aria-label="Auto-find best time">
            <div class="toggle" aria-hidden="true"></div>
            <div class="np-help" style="margin:0;">Auto-find best time</div>
          </div>
          <div class="np-slots" role="list" aria-label="Available times">
            <div class="np-slot is-best" role="listitem">09:30 — recommended</div>
            <div class="np-slot" role="listitem">10:30</div>
            <div class="np-slot" role="listitem">11:30</div>
            <div class="np-slot" role="listitem">12:30</div>
            <div class="np-slot" role="listitem">01:30</div>
          </div>
        </div>

        <!-- Calendar -->
        <div class="np-card np-cal" aria-label="Calendar">
          <div class="cal-head">
            <button aria-label="Previous month" style="all:unset; cursor:pointer;">‹</button>
            <div>January 2025</div>
            <button aria-label="Next month" style="all:unset; cursor:pointer;">›</button>
          </div>
          <div class="np-cal  cal-grid">
            <div class="dow">S</div><div class="dow">M</div><div class="dow">T</div><div class="dow">W</div><div class="dow">T</div><div class="dow">F</div><div class="dow">S</div>
            <!-- simple mock days -->
            <div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div><div class="d is-active">2</div><div class="d">3</div><div class="d">4</div>
            <div class="d">5</div><div class="d">6</div><div class="d">7</div><div class="d">8</div><div class="d">9</div><div class="d">10</div><div class="d">11</div>
            <div class="d">12</div><div class="d">13</div><div class="d is-today">14</div><div class="d">15</div><div class="d">16</div><div class="d">17</div><div class="d">18</div>
            <div class="d">19</div><div class="d">20</div><div class="d">21</div><div class="d">22</div><div class="d">23</div><div class="d">24</div><div class="d">25</div>
            <div class="d">26</div><div class="d">27</div><div class="d">28</div><div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div>
          </div>
        </div>

        <!-- Type of Booking / Auto scheduling -->
        <div class="np-card np-type">
          <h4>Type of Booking</h4>
          <div class="row">
            <span class="np-radio is-on" aria-hidden="true"></span>
            <div>
              <strong>Automatic scheduling for volunteers</strong>
              <div class="np-help">We’ll allocate slots across sign-ups to avoid overlaps and no-shows.</div>
            </div>
          </div>
          <div class="row">
            <span class="np-radio" aria-hidden="true"></span>
            <div>
              <strong>Manual booking for donor meetings</strong>
              <div class="np-help">Admins pick times; confirmations sent automatically.</div>
            </div>
          </div>

          <div class="np-chip-input" aria-label="AI helper">
            <span class="dot" style="width:12px;height:12px;background:var(--accent);border-radius:50%;"></span>
            <input type="text" value="Describe your event: food drive, 20 volunteers" aria-label="Event description">
            <span class="go" aria-hidden="true">➔</span>
          </div>
          <div class="np-help">AI will generate a schedule and publish your booking page.</div>
        </div>

        <!-- Date strip -->
        <div class="np-card np-strip" aria-label="Event day quick pick">
          <div class="np-pill">
            <span class="dot" aria-hidden="true"></span>
            <div>
              <strong>Community Clean-Up</strong>
              <div class="np-help">Sun • 28 April, 2024</div>
            </div>
          </div>
          <div class="np-options" role="list">
            <div class="np-option is-active" role="listitem">12:30</div>
            <div class="np-option" role="listitem">02:30</div>
            <div class="np-option" role="listitem">03:30</div>
          </div>
        </div>

        <!-- Appearance / Accent control (mock) -->
        <div class="np-card np-appearance" aria-label="Booking page appearance">
          <h4>Booking Page</h4>
          <div class="np-help">Customize the look visitors see on your non-profit page.</div>
          <div class="np-swatches" style="margin-top:10px;">
            <div class="np-swatch">
              <span class="chip" aria-hidden="true"></span>
              <div>
                <div class="np-code">Accent</div>
                <div class="np-code">#ec58d7</div>
              </div>
            </div>
            <div class="np-swatch">
              <span class="chip" style="background:#f1f5f9" aria-hidden="true"></span>
              <div>
                <div class="np-code">Background</div>
                <div class="np-code">#F1F5F9</div>
              </div>
            </div>
          </div>
        </div>

        <!-- Profile / Admin -->
        <div class="np-card np-profile" aria-label="Admin">
          <div class="who">
            <div class="np-avatar" aria-hidden="true"></div>
            <div>
              <strong>Alex Rivera</strong>
              <small>Program Director • Mon–Fri, 9am–6pm</small>
            </div>
          </div>
          <span style="font-weight:700; color:#5c6370; background:#fff; border:1px solid #eee9f7; padding:6px 10px; border-radius:10px;">Admin</span>
        </div>

      </div>
    </div>
  </div>
</section>
<!-- ===== End Non-profit Calendar Hero ===== -->/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f99bc77 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-f99bc77 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f03c8fa */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f41e36 */.elementor-12 .elementor-element.elementor-element-4f41e36 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0db8c94 */.category-list li {
    display: inline;
    background-color: #F3F3F3;
    padding: 6px 18px;
    border-radius: 6px;
    font-family: 'Red Hat Display';
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1px;
    margin: 0px 2px 10px 2px;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #29292914;
}

.category-list li:hover {
    transform: scale(1.01);
    background-color: #29292925;
}

.category-list li a {
    color: #292929;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1381873d */.elementor-12 .elementor-element.elementor-element-1381873d {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2245ce71 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-2245ce71 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7ca2382f */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-999e850 */.elementor-12 .elementor-element.elementor-element-999e850 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1981d80 */.category-list li {
    display: inline;
    background-color: #F3F3F3;
    padding: 6px 18px;
    border-radius: 6px;
    font-family: 'Red Hat Display';
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1px;
    margin: 0px 2px 10px 2px;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #29292914;
}

.category-list li:hover {
    transform: scale(1.01);
    background-color: #29292925;
}

.category-list li a {
    color: #292929;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19bb41dc */.elementor-12 .elementor-element.elementor-element-19bb41dc {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a6059c2 */<!-- ===== Non-profit Calendar Hero – drop this whole block into an Elementor HTML widget ===== -->
<style>
  /* ---------- Design tokens ---------- */
  :root {
    --accent:#ec58d7;                /* requested accent */
    --bg-2:#ffffff;
    --ink:#1f2430;
    --muted:#6b7280;
    --ring: 0 0 0 3px #ec58d720;
    --radius:18px;
    --shadow: 0 8px 30px rgb(31 36 48 / 1%), 0 2px 10px rgba(31, 36, 48, .06);
  }

  /* ---------- Layout shell ---------- */
  .np-hero {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: radial-gradient(1200px 600px at 15% 10%, #fff, var(--bg-1));
    border-radius: 24px;
    font-family: 'Gabarito';
  }

  .np-stack {
    position: relative;
    width: 1100px;
  }

  /* push group to the right so it overflows on large screens */
  .np-illustration {
    position: relative;
    transform: translateX(0vw);
  }

  /* grid for the cards */
  .np-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    position: relative;
  }

  .np-card {
    position: relative;
    z-index: 1;
  }

  .np-grid::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 80%, #fff 100%);
    pointer-events: none;   /* let clicks through */
    z-index: 5;             /* ensures overlay is above the cards */
  }

  /* ---------- Cards ---------- */
  .np-card {
    background: var(--bg-2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(31,36,48,.06);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px;
  }
  .np-card h4 {
    margin: 0 0 10px 0;
    font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--ink);
    letter-spacing: .2px;
    font-family: 'Gabarito' !important;
  }
  .np-help { color: var(--muted); font-size: 12px; margin-top: 6px; }

  /* ---------- Calendar ---------- */
  .np-cal {
    grid-column: span 4;
  }
  .np-cal .cal-head {
    display:flex; align-items:center; justify-content:space-between;
    font-weight:600; color:var(--ink); margin-bottom:10px;
  }
  .np-cal .cal-grid {
    display:grid; grid-template-columns: repeat(7,1fr); gap:6px; font-size:12px;
  }
  .np-cal .dow { color:var(--muted); text-align:center; padding:6px 0; }
  .np-cal .d {
    text-align:center; padding:8px 0;
    border-radius:12px; background:#fff; border:1px solid #f0eef6;
  }
  .np-cal .d.is-today { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-cal .d.is-active { background: var(--accent); color:#fff; font-weight:600; }

  /* ---------- Type of Booking / AI ---------- */
  .np-type { grid-column: span 5; }
  .np-type .row { display:flex; gap:10px; align-items:flex-start; margin:10px 0; }
  .np-radio {
    --size:16px;
    width:var(--size); height:var(--size);
    border-radius:50%; border:2px solid #d8d5e2; position:relative; margin-top:2px;
  }
  .np-radio.is-on { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-radio.is-on::after{
    content:""; position:absolute; inset:3px; background:var(--accent); border-radius:50%;
  }
  .np-chip-input{
    margin-top:12px;
    display:flex; align-items:center; gap:10px;
    background:#fff; border:1px solid #eee9f7; border-radius:999px; padding:10px 14px;
  }
  .np-chip-input input{
    border:none; outline:none; flex:1; font: 500 13px/1.1 system-ui;
    color:var(--ink); background:transparent;
  }
  .np-chip-input .go{
    display:inline-grid; place-items:center; width:34px; height:34px; border-radius:999px;
    background:var(--accent); color:#fff; font-weight:700;
  }

  /* ---------- Time Picker ---------- */
  .np-time { grid-column: span 3; }
  .np-switch{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
  .np-switch .toggle{ width:42px; height:24px; border-radius:999px; padding:3px;
    background:#ece8f6; position:relative; }
  .np-switch .toggle::after{
    content:""; position:absolute; width:18px; height:18px; border-radius:50%;
    background:#fff; left:3px; top:3px; transition:.25s;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }
  .np-switch.is-on .toggle{ background:var(--accent); }
  .np-switch.is-on .toggle::after{ transform: translateX(18px); }

  .np-slots { display:grid; gap:8px; }
  .np-slot{
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    display:flex; justify-content:center; font-weight:600; color:#2b2f3a;
  }
  .np-slot.is-best{
    background: var(--accent); color:#fff; box-shadow: var(--shadow);
  }

  /* ---------- Date strip ---------- */
  .np-strip { grid-column: span 6; display:flex; align-items:center; gap:12px; }
  .np-pill{
    background:#fff; border:1px solid #eee9f7; border-radius:16px; padding:10px 12px; display:flex; align-items:center; gap:10px;
  }
  .np-pill .dot{ width:10px; height:10px; border-radius:50%; background: var(--accent); }
  .np-options{ display:flex; gap:8px; }
  .np-option{
    border-radius:999px; padding:8px 12px; border:1px solid #eee9f7; background:#fff; font-weight:600; color:#383d47;
  }
  .np-option.is-active{ background:var(--accent); color:#fff; }

  /* ---------- Appearance / Accent ---------- */
  .np-appearance{ grid-column: span 6; }
  .np-swatches{ display:flex; gap:10px; align-items:center; }
  .np-swatch{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    min-width: 170px;
  }
  .np-swatch .chip{ width:22px; height:22px; border-radius:6px; background: var(--accent); box-shadow: inset 0 0 0 2px #ffffffaa; }
  .np-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size:12px; color:#2b2f3a; }

  /* ---------- Profile ---------- */
  .np-profile{
    grid-column: span 3;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px;
    position: absolute;
    top: 330px;
    left: -50px;
  }
  .np-profile .who{ display:flex; align-items:center; gap:10px; }
  .np-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg, var(--accent), #ffd1f2); }
  .np-profile small{ color:var(--muted); display:block; margin-top:2px; }

  /* ---------- Responsive ---------- */
  @media (max-width: 1000px) {
    .np-illustration { transform: none; } /* avoid off-screen on small widths */
  }
  @media (max-width: 880px) {
    .np-cal { grid-column: span 12; }
    .np-type { grid-column: span 12; }
    .np-time { grid-column: span 12; }
    .np-strip { grid-column: span 12; flex-wrap:wrap; }
    .np-appearance{ grid-column: span 12; }
    .np-profile{ grid-column: span 6; }
  }
  @media (max-width: 560px){
    .np-profile{ grid-column: span 12; }
  }
</style>

<section class="np-hero" aria-label="Non-profit scheduling illustration">
  <div class="np-stack">
    <!-- You can place your headline/CTA on the left with Elementor; this block focuses on the right overflow art -->
    <div class="np-illustration" role="img" aria-label="Scheduling widgets preview">
      <div class="np-grid">

        <!-- Book a 30m Meeting -->
        <div class="np-card np-time">
          <h4>Book a 30m Meeting</h4>
          <div class="np-switch is-on" aria-label="Auto-find best time">
            <div class="toggle" aria-hidden="true"></div>
            <div class="np-help" style="margin:0;">Auto-find best time</div>
          </div>
          <div class="np-slots" role="list" aria-label="Available times">
            <div class="np-slot is-best" role="listitem">09:30 — recommended</div>
            <div class="np-slot" role="listitem">10:30</div>
            <div class="np-slot" role="listitem">11:30</div>
            <div class="np-slot" role="listitem">12:30</div>
            <div class="np-slot" role="listitem">01:30</div>
          </div>
        </div>

        <!-- Calendar -->
        <div class="np-card np-cal" aria-label="Calendar">
          <div class="cal-head">
            <button aria-label="Previous month" style="all:unset; cursor:pointer;">‹</button>
            <div>January 2025</div>
            <button aria-label="Next month" style="all:unset; cursor:pointer;">›</button>
          </div>
          <div class="np-cal  cal-grid">
            <div class="dow">S</div><div class="dow">M</div><div class="dow">T</div><div class="dow">W</div><div class="dow">T</div><div class="dow">F</div><div class="dow">S</div>
            <!-- simple mock days -->
            <div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div><div class="d is-active">2</div><div class="d">3</div><div class="d">4</div>
            <div class="d">5</div><div class="d">6</div><div class="d">7</div><div class="d">8</div><div class="d">9</div><div class="d">10</div><div class="d">11</div>
            <div class="d">12</div><div class="d">13</div><div class="d is-today">14</div><div class="d">15</div><div class="d">16</div><div class="d">17</div><div class="d">18</div>
            <div class="d">19</div><div class="d">20</div><div class="d">21</div><div class="d">22</div><div class="d">23</div><div class="d">24</div><div class="d">25</div>
            <div class="d">26</div><div class="d">27</div><div class="d">28</div><div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div>
          </div>
        </div>

        <!-- Type of Booking / Auto scheduling -->
        <div class="np-card np-type">
          <h4>Type of Booking</h4>
          <div class="row">
            <span class="np-radio is-on" aria-hidden="true"></span>
            <div>
              <strong>Automatic scheduling for volunteers</strong>
              <div class="np-help">We’ll allocate slots across sign-ups to avoid overlaps and no-shows.</div>
            </div>
          </div>
          <div class="row">
            <span class="np-radio" aria-hidden="true"></span>
            <div>
              <strong>Manual booking for donor meetings</strong>
              <div class="np-help">Admins pick times; confirmations sent automatically.</div>
            </div>
          </div>

          <div class="np-chip-input" aria-label="AI helper">
            <span class="dot" style="width:12px;height:12px;background:var(--accent);border-radius:50%;"></span>
            <input type="text" value="Describe your event: food drive, 20 volunteers" aria-label="Event description">
            <span class="go" aria-hidden="true">➔</span>
          </div>
          <div class="np-help">AI will generate a schedule and publish your booking page.</div>
        </div>

        <!-- Date strip -->
        <div class="np-card np-strip" aria-label="Event day quick pick">
          <div class="np-pill">
            <span class="dot" aria-hidden="true"></span>
            <div>
              <strong>Community Clean-Up</strong>
              <div class="np-help">Sun • 28 April, 2024</div>
            </div>
          </div>
          <div class="np-options" role="list">
            <div class="np-option is-active" role="listitem">12:30</div>
            <div class="np-option" role="listitem">02:30</div>
            <div class="np-option" role="listitem">03:30</div>
          </div>
        </div>

        <!-- Appearance / Accent control (mock) -->
        <div class="np-card np-appearance" aria-label="Booking page appearance">
          <h4>Booking Page</h4>
          <div class="np-help">Customize the look visitors see on your non-profit page.</div>
          <div class="np-swatches" style="margin-top:10px;">
            <div class="np-swatch">
              <span class="chip" aria-hidden="true"></span>
              <div>
                <div class="np-code">Accent</div>
                <div class="np-code">#ec58d7</div>
              </div>
            </div>
            <div class="np-swatch">
              <span class="chip" style="background:#f1f5f9" aria-hidden="true"></span>
              <div>
                <div class="np-code">Background</div>
                <div class="np-code">#F1F5F9</div>
              </div>
            </div>
          </div>
        </div>

        <!-- Profile / Admin -->
        <div class="np-card np-profile" aria-label="Admin">
          <div class="who">
            <div class="np-avatar" aria-hidden="true"></div>
            <div>
              <strong>Alex Rivera</strong>
              <small>Program Director • Mon–Fri, 9am–6pm</small>
            </div>
          </div>
          <span style="font-weight:700; color:#5c6370; background:#fff; border:1px solid #eee9f7; padding:6px 10px; border-radius:10px;">Admin</span>
        </div>

      </div>
    </div>
  </div>
</section>
<!-- ===== End Non-profit Calendar Hero ===== -->/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1fda869b */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-1fda869b h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-551043ef */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-07f97f6 */.elementor-12 .elementor-element.elementor-element-07f97f6 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9135b7a */.category-list li {
    display: inline;
    background-color: #F3F3F3;
    padding: 6px 18px;
    border-radius: 6px;
    font-family: 'Red Hat Display';
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1px;
    margin: 0px 2px 10px 2px;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #29292914;
}

.category-list li:hover {
    transform: scale(1.01);
    background-color: #29292925;
}

.category-list li a {
    color: #292929;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44d24a07 */.elementor-12 .elementor-element.elementor-element-44d24a07 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1dcc9161 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-1dcc9161 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-22f46ed9 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bcf9cd9 */.elementor-12 .elementor-element.elementor-element-bcf9cd9 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-99551c7 */.category-list li {
    display: inline;
    background-color: #F3F3F3;
    padding: 6px 18px;
    border-radius: 6px;
    font-family: 'Red Hat Display';
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1px;
    margin: 0px 2px 10px 2px;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #29292914;
}

.category-list li:hover {
    transform: scale(1.01);
    background-color: #29292925;
}

.category-list li a {
    color: #292929;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4687685e */.elementor-12 .elementor-element.elementor-element-4687685e {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-32cbd5f3 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-32cbd5f3 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-222510cd */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-870ad0d */.elementor-12 .elementor-element.elementor-element-870ad0d {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4eb5eae */.category-list li {
    display: inline;
    background-color: #F3F3F3;
    padding: 6px 18px;
    border-radius: 6px;
    font-family: 'Red Hat Display';
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1px;
    margin: 0px 2px 10px 2px;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #29292914;
}

.category-list li:hover {
    transform: scale(1.01);
    background-color: #29292925;
}

.category-list li a {
    color: #292929;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-720e1313 */.elementor-12 .elementor-element.elementor-element-720e1313 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77e429f3 */<!-- ===== Non-profit Calendar Hero – drop this whole block into an Elementor HTML widget ===== -->
<style>
  /* ---------- Design tokens ---------- */
  :root {
    --accent:#ec58d7;                /* requested accent */
    --bg-2:#ffffff;
    --ink:#1f2430;
    --muted:#6b7280;
    --ring: 0 0 0 3px #ec58d720;
    --radius:18px;
    --shadow: 0 8px 30px rgb(31 36 48 / 1%), 0 2px 10px rgba(31, 36, 48, .06);
  }

  /* ---------- Layout shell ---------- */
  .np-hero {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: radial-gradient(1200px 600px at 15% 10%, #fff, var(--bg-1));
    border-radius: 24px;
    font-family: 'Gabarito';
  }

  .np-stack {
    position: relative;
    width: 1100px;
  }

  /* push group to the right so it overflows on large screens */
  .np-illustration {
    position: relative;
    transform: translateX(0vw);
  }

  /* grid for the cards */
  .np-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    position: relative;
  }

  .np-card {
    position: relative;
    z-index: 1;
  }

  .np-grid::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 80%, #fff 100%);
    pointer-events: none;   /* let clicks through */
    z-index: 5;             /* ensures overlay is above the cards */
  }

  /* ---------- Cards ---------- */
  .np-card {
    background: var(--bg-2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(31,36,48,.06);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px;
  }
  .np-card h4 {
    margin: 0 0 10px 0;
    font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--ink);
    letter-spacing: .2px;
    font-family: 'Gabarito' !important;
  }
  .np-help { color: var(--muted); font-size: 12px; margin-top: 6px; }

  /* ---------- Calendar ---------- */
  .np-cal {
    grid-column: span 4;
  }
  .np-cal .cal-head {
    display:flex; align-items:center; justify-content:space-between;
    font-weight:600; color:var(--ink); margin-bottom:10px;
  }
  .np-cal .cal-grid {
    display:grid; grid-template-columns: repeat(7,1fr); gap:6px; font-size:12px;
  }
  .np-cal .dow { color:var(--muted); text-align:center; padding:6px 0; }
  .np-cal .d {
    text-align:center; padding:8px 0;
    border-radius:12px; background:#fff; border:1px solid #f0eef6;
  }
  .np-cal .d.is-today { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-cal .d.is-active { background: var(--accent); color:#fff; font-weight:600; }

  /* ---------- Type of Booking / AI ---------- */
  .np-type { grid-column: span 5; }
  .np-type .row { display:flex; gap:10px; align-items:flex-start; margin:10px 0; }
  .np-radio {
    --size:16px;
    width:var(--size); height:var(--size);
    border-radius:50%; border:2px solid #d8d5e2; position:relative; margin-top:2px;
  }
  .np-radio.is-on { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-radio.is-on::after{
    content:""; position:absolute; inset:3px; background:var(--accent); border-radius:50%;
  }
  .np-chip-input{
    margin-top:12px;
    display:flex; align-items:center; gap:10px;
    background:#fff; border:1px solid #eee9f7; border-radius:999px; padding:10px 14px;
  }
  .np-chip-input input{
    border:none; outline:none; flex:1; font: 500 13px/1.1 system-ui;
    color:var(--ink); background:transparent;
  }
  .np-chip-input .go{
    display:inline-grid; place-items:center; width:34px; height:34px; border-radius:999px;
    background:var(--accent); color:#fff; font-weight:700;
  }

  /* ---------- Time Picker ---------- */
  .np-time { grid-column: span 3; }
  .np-switch{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
  .np-switch .toggle{ width:42px; height:24px; border-radius:999px; padding:3px;
    background:#ece8f6; position:relative; }
  .np-switch .toggle::after{
    content:""; position:absolute; width:18px; height:18px; border-radius:50%;
    background:#fff; left:3px; top:3px; transition:.25s;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }
  .np-switch.is-on .toggle{ background:var(--accent); }
  .np-switch.is-on .toggle::after{ transform: translateX(18px); }

  .np-slots { display:grid; gap:8px; }
  .np-slot{
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    display:flex; justify-content:center; font-weight:600; color:#2b2f3a;
  }
  .np-slot.is-best{
    background: var(--accent); color:#fff; box-shadow: var(--shadow);
  }

  /* ---------- Date strip ---------- */
  .np-strip { grid-column: span 6; display:flex; align-items:center; gap:12px; }
  .np-pill{
    background:#fff; border:1px solid #eee9f7; border-radius:16px; padding:10px 12px; display:flex; align-items:center; gap:10px;
  }
  .np-pill .dot{ width:10px; height:10px; border-radius:50%; background: var(--accent); }
  .np-options{ display:flex; gap:8px; }
  .np-option{
    border-radius:999px; padding:8px 12px; border:1px solid #eee9f7; background:#fff; font-weight:600; color:#383d47;
  }
  .np-option.is-active{ background:var(--accent); color:#fff; }

  /* ---------- Appearance / Accent ---------- */
  .np-appearance{ grid-column: span 6; }
  .np-swatches{ display:flex; gap:10px; align-items:center; }
  .np-swatch{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    min-width: 170px;
  }
  .np-swatch .chip{ width:22px; height:22px; border-radius:6px; background: var(--accent); box-shadow: inset 0 0 0 2px #ffffffaa; }
  .np-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size:12px; color:#2b2f3a; }

  /* ---------- Profile ---------- */
  .np-profile{
    grid-column: span 3;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px;
    position: absolute;
    top: 330px;
    left: -50px;
  }
  .np-profile .who{ display:flex; align-items:center; gap:10px; }
  .np-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg, var(--accent), #ffd1f2); }
  .np-profile small{ color:var(--muted); display:block; margin-top:2px; }

  /* ---------- Responsive ---------- */
  @media (max-width: 1000px) {
    .np-illustration { transform: none; } /* avoid off-screen on small widths */
  }
  @media (max-width: 880px) {
    .np-cal { grid-column: span 12; }
    .np-type { grid-column: span 12; }
    .np-time { grid-column: span 12; }
    .np-strip { grid-column: span 12; flex-wrap:wrap; }
    .np-appearance{ grid-column: span 12; }
    .np-profile{ grid-column: span 6; }
  }
  @media (max-width: 560px){
    .np-profile{ grid-column: span 12; }
  }
</style>

<section class="np-hero" aria-label="Non-profit scheduling illustration">
  <div class="np-stack">
    <!-- You can place your headline/CTA on the left with Elementor; this block focuses on the right overflow art -->
    <div class="np-illustration" role="img" aria-label="Scheduling widgets preview">
      <div class="np-grid">

        <!-- Book a 30m Meeting -->
        <div class="np-card np-time">
          <h4>Book a 30m Meeting</h4>
          <div class="np-switch is-on" aria-label="Auto-find best time">
            <div class="toggle" aria-hidden="true"></div>
            <div class="np-help" style="margin:0;">Auto-find best time</div>
          </div>
          <div class="np-slots" role="list" aria-label="Available times">
            <div class="np-slot is-best" role="listitem">09:30 — recommended</div>
            <div class="np-slot" role="listitem">10:30</div>
            <div class="np-slot" role="listitem">11:30</div>
            <div class="np-slot" role="listitem">12:30</div>
            <div class="np-slot" role="listitem">01:30</div>
          </div>
        </div>

        <!-- Calendar -->
        <div class="np-card np-cal" aria-label="Calendar">
          <div class="cal-head">
            <button aria-label="Previous month" style="all:unset; cursor:pointer;">‹</button>
            <div>January 2025</div>
            <button aria-label="Next month" style="all:unset; cursor:pointer;">›</button>
          </div>
          <div class="np-cal  cal-grid">
            <div class="dow">S</div><div class="dow">M</div><div class="dow">T</div><div class="dow">W</div><div class="dow">T</div><div class="dow">F</div><div class="dow">S</div>
            <!-- simple mock days -->
            <div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div><div class="d is-active">2</div><div class="d">3</div><div class="d">4</div>
            <div class="d">5</div><div class="d">6</div><div class="d">7</div><div class="d">8</div><div class="d">9</div><div class="d">10</div><div class="d">11</div>
            <div class="d">12</div><div class="d">13</div><div class="d is-today">14</div><div class="d">15</div><div class="d">16</div><div class="d">17</div><div class="d">18</div>
            <div class="d">19</div><div class="d">20</div><div class="d">21</div><div class="d">22</div><div class="d">23</div><div class="d">24</div><div class="d">25</div>
            <div class="d">26</div><div class="d">27</div><div class="d">28</div><div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div>
          </div>
        </div>

        <!-- Type of Booking / Auto scheduling -->
        <div class="np-card np-type">
          <h4>Type of Booking</h4>
          <div class="row">
            <span class="np-radio is-on" aria-hidden="true"></span>
            <div>
              <strong>Automatic scheduling for volunteers</strong>
              <div class="np-help">We’ll allocate slots across sign-ups to avoid overlaps and no-shows.</div>
            </div>
          </div>
          <div class="row">
            <span class="np-radio" aria-hidden="true"></span>
            <div>
              <strong>Manual booking for donor meetings</strong>
              <div class="np-help">Admins pick times; confirmations sent automatically.</div>
            </div>
          </div>

          <div class="np-chip-input" aria-label="AI helper">
            <span class="dot" style="width:12px;height:12px;background:var(--accent);border-radius:50%;"></span>
            <input type="text" value="Describe your event: food drive, 20 volunteers" aria-label="Event description">
            <span class="go" aria-hidden="true">➔</span>
          </div>
          <div class="np-help">AI will generate a schedule and publish your booking page.</div>
        </div>

        <!-- Date strip -->
        <div class="np-card np-strip" aria-label="Event day quick pick">
          <div class="np-pill">
            <span class="dot" aria-hidden="true"></span>
            <div>
              <strong>Community Clean-Up</strong>
              <div class="np-help">Sun • 28 April, 2024</div>
            </div>
          </div>
          <div class="np-options" role="list">
            <div class="np-option is-active" role="listitem">12:30</div>
            <div class="np-option" role="listitem">02:30</div>
            <div class="np-option" role="listitem">03:30</div>
          </div>
        </div>

        <!-- Appearance / Accent control (mock) -->
        <div class="np-card np-appearance" aria-label="Booking page appearance">
          <h4>Booking Page</h4>
          <div class="np-help">Customize the look visitors see on your non-profit page.</div>
          <div class="np-swatches" style="margin-top:10px;">
            <div class="np-swatch">
              <span class="chip" aria-hidden="true"></span>
              <div>
                <div class="np-code">Accent</div>
                <div class="np-code">#ec58d7</div>
              </div>
            </div>
            <div class="np-swatch">
              <span class="chip" style="background:#f1f5f9" aria-hidden="true"></span>
              <div>
                <div class="np-code">Background</div>
                <div class="np-code">#F1F5F9</div>
              </div>
            </div>
          </div>
        </div>

        <!-- Profile / Admin -->
        <div class="np-card np-profile" aria-label="Admin">
          <div class="who">
            <div class="np-avatar" aria-hidden="true"></div>
            <div>
              <strong>Alex Rivera</strong>
              <small>Program Director • Mon–Fri, 9am–6pm</small>
            </div>
          </div>
          <span style="font-weight:700; color:#5c6370; background:#fff; border:1px solid #eee9f7; padding:6px 10px; border-radius:10px;">Admin</span>
        </div>

      </div>
    </div>
  </div>
</section>
<!-- ===== End Non-profit Calendar Hero ===== -->/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5ffe7897 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-5ffe7897 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d96afdf */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-3d96afdf {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2889b40d */.subtitle-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #ec58d710;
    border: 1px solid #ED58D81F;
    text-transform: uppercase;
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3134625e */.steps-icon {
    display: inline-flex;
    align-items: center;
    padding: 5px 4px 0 4px;
    border-radius: 6px;
    background: #0C40C110;
    border: 1px solid #ED58D81F;
    text-transform: uppercase;
}

.steps-icon path {
    stroke: #0C40C1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-68de5810 */.elementor-12 .elementor-element.elementor-element-68de5810 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-312ef51d */.elementor-12 .elementor-element.elementor-element-312ef51d p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6d2141fc */.subtitle-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #ec58d710;
    border: 1px solid #ED58D81F;
    text-transform: uppercase;
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5e310399 */.elementor-12 .elementor-element.elementor-element-5e310399 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-54b775d9 */.elementor-12 .elementor-element.elementor-element-54b775d9 p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-64a82fca */.subtitle-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #ec58d710;
    border: 1px solid #ED58D81F;
    text-transform: uppercase;
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-136b42fc */.steps-icon-fill {
    display: inline-flex;
    align-items: center;
    padding: 5px 4px 0 4px;
    border-radius: 6px;
    background: #0C40C110;
    border: 1px solid #ED58D81F;
    text-transform: uppercase;
}

.elementor-12 .elementor-element.elementor-element-136b42fc path {
    fill: #0C40C1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1a005716 */.elementor-12 .elementor-element.elementor-element-1a005716 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-320b35a5 */.elementor-12 .elementor-element.elementor-element-320b35a5 p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b94de8e */@media (max-width: 767px) {.elementor-4375 .elementor-element.elementor-element-37c0dd1 {--e-con-grid-template-columns: repeat(2, 1fr) !important;}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75833ee2 */<!-- ===== Non-profit Calendar Hero – drop this whole block into an Elementor HTML widget ===== -->
<style>
  /* ---------- Design tokens ---------- */
  :root {
    --accent:#ec58d7;                /* requested accent */
    --bg-2:#ffffff;
    --ink:#1f2430;
    --muted:#6b7280;
    --ring: 0 0 0 3px #ec58d720;
    --radius:18px;
    --shadow: 0 8px 30px rgb(31 36 48 / 1%), 0 2px 10px rgba(31, 36, 48, .06);
  }

  /* ---------- Layout shell ---------- */
  .np-hero {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: radial-gradient(1200px 600px at 15% 10%, #fff, var(--bg-1));
    border-radius: 24px;
    font-family: 'Gabarito';
  }

  .np-stack {
    position: relative;
    width: 1100px;
  }

  /* push group to the right so it overflows on large screens */
  .np-illustration {
    position: relative;
    transform: translateX(0vw);
  }

  /* grid for the cards */
  .np-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    position: relative;
  }

  .np-card {
    position: relative;
    z-index: 1;
  }

  .np-grid::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 80%, #fff 100%);
    pointer-events: none;   /* let clicks through */
    z-index: 5;             /* ensures overlay is above the cards */
  }

  /* ---------- Cards ---------- */
  .np-card {
    background: var(--bg-2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(31,36,48,.06);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px;
  }
  .np-card h4 {
    margin: 0 0 10px 0;
    font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--ink);
    letter-spacing: .2px;
    font-family: 'Gabarito' !important;
  }
  .np-help { color: var(--muted); font-size: 12px; margin-top: 6px; }

  /* ---------- Calendar ---------- */
  .np-cal {
    grid-column: span 4;
  }
  .np-cal .cal-head {
    display:flex; align-items:center; justify-content:space-between;
    font-weight:600; color:var(--ink); margin-bottom:10px;
  }
  .np-cal .cal-grid {
    display:grid; grid-template-columns: repeat(7,1fr); gap:6px; font-size:12px;
  }
  .np-cal .dow { color:var(--muted); text-align:center; padding:6px 0; }
  .np-cal .d {
    text-align:center; padding:8px 0;
    border-radius:12px; background:#fff; border:1px solid #f0eef6;
  }
  .np-cal .d.is-today { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-cal .d.is-active { background: var(--accent); color:#fff; font-weight:600; }

  /* ---------- Type of Booking / AI ---------- */
  .np-type { grid-column: span 5; }
  .np-type .row { display:flex; gap:10px; align-items:flex-start; margin:10px 0; }
  .np-radio {
    --size:16px;
    width:var(--size); height:var(--size);
    border-radius:50%; border:2px solid #d8d5e2; position:relative; margin-top:2px;
  }
  .np-radio.is-on { border-color: var(--accent); box-shadow: inset var(--ring); }
  .np-radio.is-on::after{
    content:""; position:absolute; inset:3px; background:var(--accent); border-radius:50%;
  }
  .np-chip-input{
    margin-top:12px;
    display:flex; align-items:center; gap:10px;
    background:#fff; border:1px solid #eee9f7; border-radius:999px; padding:10px 14px;
  }
  .np-chip-input input{
    border:none; outline:none; flex:1; font: 500 13px/1.1 system-ui;
    color:var(--ink); background:transparent;
  }
  .np-chip-input .go{
    display:inline-grid; place-items:center; width:34px; height:34px; border-radius:999px;
    background:var(--accent); color:#fff; font-weight:700;
  }

  /* ---------- Time Picker ---------- */
  .np-time { grid-column: span 3; }
  .np-switch{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
  .np-switch .toggle{ width:42px; height:24px; border-radius:999px; padding:3px;
    background:#ece8f6; position:relative; }
  .np-switch .toggle::after{
    content:""; position:absolute; width:18px; height:18px; border-radius:50%;
    background:#fff; left:3px; top:3px; transition:.25s;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }
  .np-switch.is-on .toggle{ background:var(--accent); }
  .np-switch.is-on .toggle::after{ transform: translateX(18px); }

  .np-slots { display:grid; gap:8px; }
  .np-slot{
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    display:flex; justify-content:center; font-weight:600; color:#2b2f3a;
  }
  .np-slot.is-best{
    background: var(--accent); color:#fff; box-shadow: var(--shadow);
  }

  /* ---------- Date strip ---------- */
  .np-strip { grid-column: span 6; display:flex; align-items:center; gap:12px; }
  .np-pill{
    background:#fff; border:1px solid #eee9f7; border-radius:16px; padding:10px 12px; display:flex; align-items:center; gap:10px;
  }
  .np-pill .dot{ width:10px; height:10px; border-radius:50%; background: var(--accent); }
  .np-options{ display:flex; gap:8px; }
  .np-option{
    border-radius:999px; padding:8px 12px; border:1px solid #eee9f7; background:#fff; font-weight:600; color:#383d47;
  }
  .np-option.is-active{ background:var(--accent); color:#fff; }

  /* ---------- Appearance / Accent ---------- */
  .np-appearance{ grid-column: span 6; }
  .np-swatches{ display:flex; gap:10px; align-items:center; }
  .np-swatch{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1px solid #eee9f7; border-radius:14px; padding:10px 12px;
    min-width: 170px;
  }
  .np-swatch .chip{ width:22px; height:22px; border-radius:6px; background: var(--accent); box-shadow: inset 0 0 0 2px #ffffffaa; }
  .np-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size:12px; color:#2b2f3a; }

  /* ---------- Profile ---------- */
  .np-profile{
    grid-column: span 3;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px;
    position: absolute;
    top: 330px;
    left: -50px;
  }
  .np-profile .who{ display:flex; align-items:center; gap:10px; }
  .np-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg, var(--accent), #ffd1f2); }
  .np-profile small{ color:var(--muted); display:block; margin-top:2px; }

  /* ---------- Responsive ---------- */
  @media (max-width: 1000px) {
    .np-illustration { transform: none; } /* avoid off-screen on small widths */
  }
  @media (max-width: 880px) {
    .np-cal { grid-column: span 12; }
    .np-type { grid-column: span 12; }
    .np-time { grid-column: span 12; }
    .np-strip { grid-column: span 12; flex-wrap:wrap; }
    .np-appearance{ grid-column: span 12; }
    .np-profile{ grid-column: span 6; }
  }
  @media (max-width: 560px){
    .np-profile{ grid-column: span 12; }
  }
</style>

<section class="np-hero" aria-label="Non-profit scheduling illustration">
  <div class="np-stack">
    <!-- You can place your headline/CTA on the left with Elementor; this block focuses on the right overflow art -->
    <div class="np-illustration" role="img" aria-label="Scheduling widgets preview">
      <div class="np-grid">

        <!-- Book a 30m Meeting -->
        <div class="np-card np-time">
          <h4>Book a 30m Meeting</h4>
          <div class="np-switch is-on" aria-label="Auto-find best time">
            <div class="toggle" aria-hidden="true"></div>
            <div class="np-help" style="margin:0;">Auto-find best time</div>
          </div>
          <div class="np-slots" role="list" aria-label="Available times">
            <div class="np-slot is-best" role="listitem">09:30 — recommended</div>
            <div class="np-slot" role="listitem">10:30</div>
            <div class="np-slot" role="listitem">11:30</div>
            <div class="np-slot" role="listitem">12:30</div>
            <div class="np-slot" role="listitem">01:30</div>
          </div>
        </div>

        <!-- Calendar -->
        <div class="np-card np-cal" aria-label="Calendar">
          <div class="cal-head">
            <button aria-label="Previous month" style="all:unset; cursor:pointer;">‹</button>
            <div>January 2025</div>
            <button aria-label="Next month" style="all:unset; cursor:pointer;">›</button>
          </div>
          <div class="np-cal  cal-grid">
            <div class="dow">S</div><div class="dow">M</div><div class="dow">T</div><div class="dow">W</div><div class="dow">T</div><div class="dow">F</div><div class="dow">S</div>
            <!-- simple mock days -->
            <div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div><div class="d is-active">2</div><div class="d">3</div><div class="d">4</div>
            <div class="d">5</div><div class="d">6</div><div class="d">7</div><div class="d">8</div><div class="d">9</div><div class="d">10</div><div class="d">11</div>
            <div class="d">12</div><div class="d">13</div><div class="d is-today">14</div><div class="d">15</div><div class="d">16</div><div class="d">17</div><div class="d">18</div>
            <div class="d">19</div><div class="d">20</div><div class="d">21</div><div class="d">22</div><div class="d">23</div><div class="d">24</div><div class="d">25</div>
            <div class="d">26</div><div class="d">27</div><div class="d">28</div><div class="d">29</div><div class="d">30</div><div class="d">31</div><div class="d">1</div>
          </div>
        </div>

        <!-- Type of Booking / Auto scheduling -->
        <div class="np-card np-type">
          <h4>Type of Booking</h4>
          <div class="row">
            <span class="np-radio is-on" aria-hidden="true"></span>
            <div>
              <strong>Automatic scheduling for volunteers</strong>
              <div class="np-help">We’ll allocate slots across sign-ups to avoid overlaps and no-shows.</div>
            </div>
          </div>
          <div class="row">
            <span class="np-radio" aria-hidden="true"></span>
            <div>
              <strong>Manual booking for donor meetings</strong>
              <div class="np-help">Admins pick times; confirmations sent automatically.</div>
            </div>
          </div>

          <div class="np-chip-input" aria-label="AI helper">
            <span class="dot" style="width:12px;height:12px;background:var(--accent);border-radius:50%;"></span>
            <input type="text" value="Describe your event: food drive, 20 volunteers" aria-label="Event description">
            <span class="go" aria-hidden="true">➔</span>
          </div>
          <div class="np-help">AI will generate a schedule and publish your booking page.</div>
        </div>

        <!-- Date strip -->
        <div class="np-card np-strip" aria-label="Event day quick pick">
          <div class="np-pill">
            <span class="dot" aria-hidden="true"></span>
            <div>
              <strong>Community Clean-Up</strong>
              <div class="np-help">Sun • 28 April, 2024</div>
            </div>
          </div>
          <div class="np-options" role="list">
            <div class="np-option is-active" role="listitem">12:30</div>
            <div class="np-option" role="listitem">02:30</div>
            <div class="np-option" role="listitem">03:30</div>
          </div>
        </div>

        <!-- Appearance / Accent control (mock) -->
        <div class="np-card np-appearance" aria-label="Booking page appearance">
          <h4>Booking Page</h4>
          <div class="np-help">Customize the look visitors see on your non-profit page.</div>
          <div class="np-swatches" style="margin-top:10px;">
            <div class="np-swatch">
              <span class="chip" aria-hidden="true"></span>
              <div>
                <div class="np-code">Accent</div>
                <div class="np-code">#ec58d7</div>
              </div>
            </div>
            <div class="np-swatch">
              <span class="chip" style="background:#f1f5f9" aria-hidden="true"></span>
              <div>
                <div class="np-code">Background</div>
                <div class="np-code">#F1F5F9</div>
              </div>
            </div>
          </div>
        </div>

        <!-- Profile / Admin -->
        <div class="np-card np-profile" aria-label="Admin">
          <div class="who">
            <div class="np-avatar" aria-hidden="true"></div>
            <div>
              <strong>Alex Rivera</strong>
              <small>Program Director • Mon–Fri, 9am–6pm</small>
            </div>
          </div>
          <span style="font-weight:700; color:#5c6370; background:#fff; border:1px solid #eee9f7; padding:6px 10px; border-radius:10px;">Admin</span>
        </div>

      </div>
    </div>
  </div>
</section>
<!-- ===== End Non-profit Calendar Hero ===== -->/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-40a99def */.elementor-12 .elementor-element.elementor-element-40a99def {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2a6656e9 */.elementor-12 .elementor-element.elementor-element-2a6656e9 p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-62e4455b *//* Alphabet Filter Styling */
.alphabet-filter {
    display: flex;
    gap: 0px;
    margin-bottom: 20px;
    font-family: 'Plus Jakarta Sans';
}

.alphabet-button {
    background: none;
    border: none;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 10px 10px 0;
    font-weight: 700;;
}

.alphabet-button:hover,
.alphabet-button[data-selected="true"] {
    text-decoration: underline;
    background-color: transparent;
    color: #0059E1;
}

/* Posts Container Styling */
.posts-container {
    margin-top: 20px;
    font-family: 'Plus Jakarta Sans';
}

.letter-group {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 15px;
}

.post-link {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

.post-link:hover {
    text-decoration: underline;
    color: #0059E1;
}

.elementor-12 .elementor-element.elementor-element-62e4455b {
    max-height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    mask-image: linear-gradient(to top, transparent 1%, black 10%);
    padding-bottom: 50px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d2bf51 */.alphabet-button,
.letter-group,
a.post-link {
  font-family: 'Red Hat Display', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33c9d64f */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-33c9d64f h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-44cc0990 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-12 .elementor-element.elementor-element-44cc0990 {
    text-wrap: balance;
}/* End custom CSS */