.elementor-1268 .elementor-element.elementor-element-746e537{--display:flex;--min-height:700px;--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:0.05;--margin-top:-90px;--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-1268 .elementor-element.elementor-element-746e537::before, .elementor-1268 .elementor-element.elementor-element-746e537 > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-746e537 > .e-con-inner > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-746e537 > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-746e537 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-746e537 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;background-image:url("https://proximatepedia.com/wp-content/uploads/2025/09/circles-background.webp");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1268 .elementor-element.elementor-element-f373457{--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-1268 .elementor-element.elementor-element-bb56ac3{--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:#000000;}.elementor-1268 .elementor-element.elementor-element-bb56ac3.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-bb56ac3 .elementor-headline{text-align:center;font-family:"Gabarito", Sans-serif;font-size:52px;font-weight:700;}.elementor-1268 .elementor-element.elementor-element-bb56ac3 .elementor-headline-plain-text{color:#000000;}.elementor-1268 .elementor-element.elementor-element-bb56ac3 .elementor-headline-dynamic-text{font-family:"Gabarito", Sans-serif;font-weight:700;}.elementor-1268 .elementor-element.elementor-element-bb56ac3 .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-1268 .elementor-element.elementor-element-b6fa50f{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-1268 .elementor-element.elementor-element-b6fa50f.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-b6fa50f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-bd48b82{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1268 .elementor-element.elementor-element-bd48b82.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-0c232b5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1268 .elementor-element.elementor-element-0c232b5.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-8f713f1{--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-1268 .elementor-element.elementor-element-3ccfca3{--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-1268 .elementor-element.elementor-element-20efef2{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-1268 .elementor-element.elementor-element-20efef2 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-8389ad3{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-1268 .elementor-element.elementor-element-8389ad3 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-060b014{--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-1268 .elementor-element.elementor-element-1f1ff73{--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-1268 .elementor-element.elementor-element-1f1ff73.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-1268 .elementor-element.elementor-element-f87b33c img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-1268 .elementor-element.elementor-element-4ae2df5{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-4ae2df5.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-4ae2df5 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-c86c3ad{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1268 .elementor-element.elementor-element-c86c3ad.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-c86c3ad .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-c38b56a{--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-1268 .elementor-element.elementor-element-c38b56a.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-226a827 img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-1268 .elementor-element.elementor-element-36c327a{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-36c327a.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-36c327a .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-3b6912f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1268 .elementor-element.elementor-element-3b6912f.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-3b6912f .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-b9ee6e4{--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-1268 .elementor-element.elementor-element-b9ee6e4.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-b5b42c5 img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-1268 .elementor-element.elementor-element-5f4478a{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-5f4478a.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-5f4478a .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-26e541f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1268 .elementor-element.elementor-element-26e541f.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-26e541f .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-595e234{--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-1268 .elementor-element.elementor-element-595e234.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-48f0bad img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-1268 .elementor-element.elementor-element-5c839b1{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-5c839b1.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-5c839b1 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-e65c78f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1268 .elementor-element.elementor-element-e65c78f.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-e65c78f .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-28e18c0{--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-1268 .elementor-element.elementor-element-28e18c0.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-0ad04b3 img{width:100%;height:120px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-1268 .elementor-element.elementor-element-b2fd412{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-b2fd412.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-b2fd412 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.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-1268 .elementor-element.elementor-element-9674ba5{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-1268 .elementor-element.elementor-element-3d53823{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1268 .elementor-element.elementor-element-3d53823.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-3d53823 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-179ec65{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-1268 .elementor-element.elementor-element-179ec65 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-41f9fd9{--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-1268 .elementor-element.elementor-element-e53ea3e{--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-1268 .elementor-element.elementor-element-06e6a74{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-1268 .elementor-element.elementor-element-06e6a74 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-f866163{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-1268 .elementor-element.elementor-element-f866163 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-87f4ea2{--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-1268 .elementor-element.elementor-element-86e6ebd{--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-1268 .elementor-element.elementor-element-b3f0f8a{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-b3f0f8a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1268 .elementor-element.elementor-element-b3f0f8a .e-loop-item > .elementor-section, .elementor-1268 .elementor-element.elementor-element-b3f0f8a .e-loop-item > .elementor-section > .elementor-container, .elementor-1268 .elementor-element.elementor-element-b3f0f8a .e-loop-item > .e-con, .elementor-1268 .elementor-element.elementor-element-b3f0f8a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1268 .elementor-element.elementor-element-61c50fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-cee816a{--grid-columns:1;--grid-row-gap:5px;}.elementor-1268 .elementor-element.elementor-element-b990f5e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1268 .elementor-element.elementor-element-b990f5e.elementor-element{--align-self:flex-end;}.elementor-1268 .elementor-element.elementor-element-b990f5e .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-977e82a{--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-1268 .elementor-element.elementor-element-398689c{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-1268 .elementor-element.elementor-element-398689c .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-345d873{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-1268 .elementor-element.elementor-element-345d873 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-a1eb6b5{--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-1268 .elementor-element.elementor-element-9f0ad41{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-d39f6dd{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-d39f6dd .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1268 .elementor-element.elementor-element-d39f6dd .e-loop-item > .elementor-section, .elementor-1268 .elementor-element.elementor-element-d39f6dd .e-loop-item > .elementor-section > .elementor-container, .elementor-1268 .elementor-element.elementor-element-d39f6dd .e-loop-item > .e-con, .elementor-1268 .elementor-element.elementor-element-d39f6dd .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1268 .elementor-element.elementor-element-d985e12{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-2fe6f44{--grid-columns:1;--grid-row-gap:5px;}.elementor-1268 .elementor-element.elementor-element-6003a52{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1268 .elementor-element.elementor-element-6003a52.elementor-element{--align-self:flex-end;}.elementor-1268 .elementor-element.elementor-element-6003a52 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-0b62a9a{--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-1268 .elementor-element.elementor-element-c92a6fb{--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-1268 .elementor-element.elementor-element-106e61a{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-1268 .elementor-element.elementor-element-106e61a .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-73370f5{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-1268 .elementor-element.elementor-element-73370f5 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-8fb0c5d{--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-1268 .elementor-element.elementor-element-ccd2206{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-377740e{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-377740e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1268 .elementor-element.elementor-element-377740e .e-loop-item > .elementor-section, .elementor-1268 .elementor-element.elementor-element-377740e .e-loop-item > .elementor-section > .elementor-container, .elementor-1268 .elementor-element.elementor-element-377740e .e-loop-item > .e-con, .elementor-1268 .elementor-element.elementor-element-377740e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1268 .elementor-element.elementor-element-8bf3f0e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-3516631{--grid-columns:1;--grid-row-gap:5px;}.elementor-1268 .elementor-element.elementor-element-2a8a832{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1268 .elementor-element.elementor-element-2a8a832.elementor-element{--align-self:flex-end;}.elementor-1268 .elementor-element.elementor-element-2a8a832 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-58b3c28{--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-1268 .elementor-element.elementor-element-e41a492{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-1268 .elementor-element.elementor-element-e41a492 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-4f8d73e{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-1268 .elementor-element.elementor-element-4f8d73e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-8354d25{--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-1268 .elementor-element.elementor-element-de12f82{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-f374e15{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-f374e15 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1268 .elementor-element.elementor-element-f374e15 .e-loop-item > .elementor-section, .elementor-1268 .elementor-element.elementor-element-f374e15 .e-loop-item > .elementor-section > .elementor-container, .elementor-1268 .elementor-element.elementor-element-f374e15 .e-loop-item > .e-con, .elementor-1268 .elementor-element.elementor-element-f374e15 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1268 .elementor-element.elementor-element-37d4743{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-b399eae{--grid-columns:1;--grid-row-gap:5px;}.elementor-1268 .elementor-element.elementor-element-6d2673d{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1268 .elementor-element.elementor-element-6d2673d.elementor-element{--align-self:flex-end;}.elementor-1268 .elementor-element.elementor-element-6d2673d .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-3c1c60e{--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-1268 .elementor-element.elementor-element-5821a82{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-1268 .elementor-element.elementor-element-5821a82 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-d4018b6{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-1268 .elementor-element.elementor-element-d4018b6 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-0e9cc30{--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-1268 .elementor-element.elementor-element-99f4e08{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-49eb53b{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-49eb53b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1268 .elementor-element.elementor-element-49eb53b .e-loop-item > .elementor-section, .elementor-1268 .elementor-element.elementor-element-49eb53b .e-loop-item > .elementor-section > .elementor-container, .elementor-1268 .elementor-element.elementor-element-49eb53b .e-loop-item > .e-con, .elementor-1268 .elementor-element.elementor-element-49eb53b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1268 .elementor-element.elementor-element-b1b886c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-7320811{--grid-columns:1;--grid-row-gap:5px;}.elementor-1268 .elementor-element.elementor-element-ff22e27{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1268 .elementor-element.elementor-element-ff22e27.elementor-element{--align-self:flex-end;}.elementor-1268 .elementor-element.elementor-element-ff22e27 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:16px;font-weight:300;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-8236c74{--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-1268 .elementor-element.elementor-element-a5a0f54{--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-1268 .elementor-element.elementor-element-e0b73b2{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-1268 .elementor-element.elementor-element-e0b73b2 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-96dce3e{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-1268 .elementor-element.elementor-element-96dce3e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-1ab7ab5{--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-1268 .elementor-element.elementor-element-e5687cd{--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-1268 .elementor-element.elementor-element-48a2af6{--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-1268 .elementor-element.elementor-element-48a2af6.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-388ef72{width:auto;max-width:auto;}.elementor-1268 .elementor-element.elementor-element-388ef72.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-388ef72 .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-1268 .elementor-element.elementor-element-0fdddcf.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon-wrapper{text-align:center;}.elementor-1268 .elementor-element.elementor-element-0fdddcf.elementor-view-stacked .elementor-icon{background-color:#0C40C1;}.elementor-1268 .elementor-element.elementor-element-0fdddcf.elementor-view-framed .elementor-icon, .elementor-1268 .elementor-element.elementor-element-0fdddcf.elementor-view-default .elementor-icon{color:#0C40C1;border-color:#0C40C1;}.elementor-1268 .elementor-element.elementor-element-0fdddcf.elementor-view-framed .elementor-icon, .elementor-1268 .elementor-element.elementor-element-0fdddcf.elementor-view-default .elementor-icon svg{fill:#0C40C1;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon svg{height:26px;}.elementor-1268 .elementor-element.elementor-element-46fbdae{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-46fbdae.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-46fbdae .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-7454a87{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-1268 .elementor-element.elementor-element-025dea6{--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-1268 .elementor-element.elementor-element-025dea6.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-11fa08c{width:auto;max-width:auto;}.elementor-1268 .elementor-element.elementor-element-11fa08c.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-11fa08c .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-1268 .elementor-element.elementor-element-2398046.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon-wrapper{text-align:center;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon svg{height:26px;}.elementor-1268 .elementor-element.elementor-element-157cee4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-157cee4.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-157cee4 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-32ddae0{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-1268 .elementor-element.elementor-element-049ce44{--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-1268 .elementor-element.elementor-element-049ce44.e-con{--align-self:stretch;}.elementor-1268 .elementor-element.elementor-element-73b0fe8{width:auto;max-width:auto;}.elementor-1268 .elementor-element.elementor-element-73b0fe8.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-73b0fe8 .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-1268 .elementor-element.elementor-element-cc92377.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon-wrapper{text-align:center;}.elementor-1268 .elementor-element.elementor-element-cc92377.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-cc92377.elementor-view-framed .elementor-icon, .elementor-1268 .elementor-element.elementor-element-cc92377.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-cc92377.elementor-view-framed .elementor-icon, .elementor-1268 .elementor-element.elementor-element-cc92377.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon svg{height:26px;}.elementor-1268 .elementor-element.elementor-element-d309fed{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1268 .elementor-element.elementor-element-d309fed.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-d309fed .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-433112b{width:100%;max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-1268 .elementor-element.elementor-element-05cf964{--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-1268 .elementor-element.elementor-element-7f09901{--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-1268 .elementor-element.elementor-element-7f09901:not(.elementor-motion-effects-element-type-background), .elementor-1268 .elementor-element.elementor-element-7f09901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://proximatepedia.com/wp-content/uploads/2025/09/FundraisingStrategyandCampaignDesign.webp.webp");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-1268 .elementor-element.elementor-element-7f09901::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .e-con-inner > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .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-1268 .elementor-element.elementor-element-7f09901.e-con{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-1ed42f5{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1268 .elementor-element.elementor-element-53b81e6{width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-53b81e6.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-53b81e6 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:26px;font-weight:700;line-height:1.4em;color:var( --e-global-color-e2c6180 );}.elementor-1268 .elementor-element.elementor-element-ba0e41e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-e2c6180 );}.elementor-1268 .elementor-element.elementor-element-184eeda{--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-1268 .elementor-element.elementor-element-a317d0a{--display:flex;--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae{width:auto;max-width:auto;text-align:left;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae.elementor-element{--align-self:flex-start;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-b044ca8{--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-1268 .elementor-element.elementor-element-b044ca8:not(.elementor-motion-effects-element-type-background), .elementor-1268 .elementor-element.elementor-element-b044ca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-1268 .elementor-element.elementor-element-b044ca8::before, .elementor-1268 .elementor-element.elementor-element-b044ca8 > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-b044ca8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-b044ca8 > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-b044ca8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-b044ca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(103deg, #ECECEC 20%, #ECECEC9C 100%);}.elementor-1268 .elementor-element.elementor-element-4852b00{--display:flex;}.elementor-1268 .elementor-element.elementor-element-5fc7362{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-1268 .elementor-element.elementor-element-5fc7362 .elementor-heading-title{font-family:"Gabarito", Sans-serif;font-size:42px;font-weight:700;line-height:1em;letter-spacing:-1px;color:#10141F;}.elementor-1268 .elementor-element.elementor-element-83016df{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:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:var( --e-global-color-e2a6eb9 );}.elementor-1268 .elementor-element.elementor-element-96cb27f{--display:flex;}.elementor-1268 .elementor-element.elementor-element-a1270aa{--grid-columns:1;--grid-row-gap:5px;}@media(max-width:1024px){.elementor-1268 .elementor-element.elementor-element-746e537{--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-1268 .elementor-element.elementor-element-bb56ac3{width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-b6fa50f{width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-b6fa50f .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-20efef2 .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-8389ad3 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-060b014{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1268 .elementor-element.elementor-element-4ae2df5 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-c86c3ad .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-36c327a .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-3b6912f .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-5f4478a .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-26e541f .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-5c839b1 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-e65c78f .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-b2fd412 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-9674ba5{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-3d53823 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-179ec65{width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-179ec65 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-06e6a74 .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-f866163 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-87f4ea2{--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-1268 .elementor-element.elementor-element-b3f0f8a{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-cee816a{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-b990f5e .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-398689c .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-345d873 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-a1eb6b5{--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-1268 .elementor-element.elementor-element-d39f6dd{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-2fe6f44{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-6003a52 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-106e61a .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-73370f5 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-8fb0c5d{--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-1268 .elementor-element.elementor-element-377740e{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-3516631{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-2a8a832 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-e41a492 .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-4f8d73e .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-8354d25{--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-1268 .elementor-element.elementor-element-f374e15{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-b399eae{--grid-columns:2;width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-6d2673d .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-5821a82 .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-d4018b6 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-0e9cc30{--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-1268 .elementor-element.elementor-element-49eb53b{--grid-columns:2;width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-7320811{--grid-columns:2;}.elementor-1268 .elementor-element.elementor-element-ff22e27 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-e0b73b2 .elementor-heading-title{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-96dce3e .elementor-heading-title{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-e5687cd{--grid-auto-flow:row;}.elementor-1268 .elementor-element.elementor-element-388ef72 .elementor-heading-title{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon{font-size:50px;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon svg{height:50px;}.elementor-1268 .elementor-element.elementor-element-46fbdae .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-7454a87{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-11fa08c .elementor-heading-title{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon{font-size:50px;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon svg{height:50px;}.elementor-1268 .elementor-element.elementor-element-157cee4 .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-32ddae0{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-73b0fe8 .elementor-heading-title{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon{font-size:50px;}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon svg{height:50px;}.elementor-1268 .elementor-element.elementor-element-d309fed .elementor-heading-title{font-size:22px;}.elementor-1268 .elementor-element.elementor-element-433112b{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-7f09901{--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-1268 .elementor-element.elementor-element-53b81e6 .elementor-heading-title{font-size:32px;}.elementor-1268 .elementor-element.elementor-element-ba0e41e{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae{text-align:center;}.elementor-1268 .elementor-element.elementor-element-5fc7362 .elementor-heading-title{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-83016df{font-size:30px;}.elementor-1268 .elementor-element.elementor-element-a1270aa{--grid-columns:2;}}@media(max-width:767px){.elementor-1268 .elementor-element.elementor-element-746e537{--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-1268 .elementor-element.elementor-element-f373457{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1268 .elementor-element.elementor-element-bb56ac3{width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-bb56ac3 .elementor-headline{font-size:42px;}.elementor-1268 .elementor-element.elementor-element-b6fa50f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-b6fa50f.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-b6fa50f .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-bd48b82{width:100%;max-width:100%;}.elementor-1268 .elementor-element.elementor-element-8f713f1{--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-1268 .elementor-element.elementor-element-3ccfca3{--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-1268 .elementor-element.elementor-element-20efef2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-20efef2 .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-8389ad3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-8389ad3.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-8389ad3 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-060b014{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1268 .elementor-element.elementor-element-4ae2df5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-4ae2df5.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-4ae2df5 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-c86c3ad{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-c86c3ad.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-c86c3ad .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-36c327a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-36c327a.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-36c327a .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-3b6912f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-3b6912f.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-3b6912f .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-5f4478a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-5f4478a.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-5f4478a .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-26e541f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-26e541f.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-26e541f .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-5c839b1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-5c839b1.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-5c839b1 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-e65c78f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-e65c78f.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-e65c78f .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-b2fd412{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-b2fd412.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-b2fd412 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-9674ba5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:18px;}.elementor-1268 .elementor-element.elementor-element-9674ba5.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-3d53823{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-3d53823.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-3d53823 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-179ec65{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-179ec65.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-179ec65 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-41f9fd9{--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-1268 .elementor-element.elementor-element-e53ea3e{--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-1268 .elementor-element.elementor-element-06e6a74{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-06e6a74 .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-f866163{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-f866163.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-f866163 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-b3f0f8a{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-cee816a{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-b990f5e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-b990f5e.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-b990f5e .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-977e82a{--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-1268 .elementor-element.elementor-element-398689c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-398689c .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-345d873{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-345d873.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-345d873 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-d39f6dd{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-2fe6f44{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-6003a52{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-6003a52.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-6003a52 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-0b62a9a{--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-1268 .elementor-element.elementor-element-c92a6fb{--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-1268 .elementor-element.elementor-element-106e61a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-106e61a .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-73370f5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-73370f5.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-73370f5 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-8fb0c5d{--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-1268 .elementor-element.elementor-element-377740e{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-3516631{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-2a8a832{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-2a8a832.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-2a8a832 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-58b3c28{--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-1268 .elementor-element.elementor-element-e41a492{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-e41a492 .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-4f8d73e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-4f8d73e.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-4f8d73e .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-f374e15{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-b399eae{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-6d2673d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-6d2673d.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-6d2673d .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-3c1c60e{--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-1268 .elementor-element.elementor-element-5821a82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-5821a82 .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-d4018b6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-d4018b6.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-d4018b6 .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-49eb53b{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-7320811{--grid-columns:1;}.elementor-1268 .elementor-element.elementor-element-ff22e27{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-ff22e27.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-ff22e27 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-8236c74{--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-1268 .elementor-element.elementor-element-a5a0f54{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-e0b73b2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-e0b73b2 .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-96dce3e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-96dce3e.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-96dce3e .elementor-heading-title{font-size:18px;}.elementor-1268 .elementor-element.elementor-element-1ab7ab5{--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-1268 .elementor-element.elementor-element-e5687cd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1268 .elementor-element.elementor-element-388ef72{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-388ef72.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-388ef72 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-0fdddcf.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon{font-size:50px;}.elementor-1268 .elementor-element.elementor-element-0fdddcf .elementor-icon svg{height:50px;}.elementor-1268 .elementor-element.elementor-element-46fbdae{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-46fbdae.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-46fbdae .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-7454a87{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:18px;}.elementor-1268 .elementor-element.elementor-element-7454a87.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-11fa08c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-11fa08c.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-11fa08c .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-2398046.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon{font-size:50px;}.elementor-1268 .elementor-element.elementor-element-2398046 .elementor-icon svg{height:50px;}.elementor-1268 .elementor-element.elementor-element-157cee4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-157cee4.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-157cee4 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-32ddae0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:18px;}.elementor-1268 .elementor-element.elementor-element-32ddae0.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-73b0fe8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-73b0fe8.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-73b0fe8 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-cc92377.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon{font-size:50px;}.elementor-1268 .elementor-element.elementor-element-cc92377 .elementor-icon svg{height:50px;}.elementor-1268 .elementor-element.elementor-element-d309fed{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-d309fed.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-d309fed .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-433112b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:18px;}.elementor-1268 .elementor-element.elementor-element-433112b.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-7f09901::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .e-con-inner > .elementor-background-video-container::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1268 .elementor-element.elementor-element-7f09901 > .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-1268 .elementor-element.elementor-element-7f09901{--overlay-opacity:0.95;--margin-top:50px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-1268 .elementor-element.elementor-element-53b81e6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-53b81e6.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-53b81e6 .elementor-heading-title{font-size:20px;}.elementor-1268 .elementor-element.elementor-element-ba0e41e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:18px;}.elementor-1268 .elementor-element.elementor-element-ba0e41e.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae{text-align:center;}.elementor-1268 .elementor-element.elementor-element-3a5f4ae .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-5fc7362{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-1268 .elementor-element.elementor-element-5fc7362 .elementor-heading-title{font-size:26px;}.elementor-1268 .elementor-element.elementor-element-83016df{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-size:18px;}.elementor-1268 .elementor-element.elementor-element-83016df.elementor-element{--align-self:center;}.elementor-1268 .elementor-element.elementor-element-a1270aa{--grid-columns:1;}}@media(min-width:768px){.elementor-1268 .elementor-element.elementor-element-746e537{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-8f713f1{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-3ccfca3{--width:100%;}.elementor-1268 .elementor-element.elementor-element-41f9fd9{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-e53ea3e{--width:100%;}.elementor-1268 .elementor-element.elementor-element-86e6ebd{--width:70%;}.elementor-1268 .elementor-element.elementor-element-61c50fa{--width:30%;}.elementor-1268 .elementor-element.elementor-element-977e82a{--width:100%;}.elementor-1268 .elementor-element.elementor-element-9f0ad41{--width:70%;}.elementor-1268 .elementor-element.elementor-element-d985e12{--width:30%;}.elementor-1268 .elementor-element.elementor-element-0b62a9a{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-c92a6fb{--width:100%;}.elementor-1268 .elementor-element.elementor-element-ccd2206{--width:70%;}.elementor-1268 .elementor-element.elementor-element-8bf3f0e{--width:30%;}.elementor-1268 .elementor-element.elementor-element-58b3c28{--width:100%;}.elementor-1268 .elementor-element.elementor-element-de12f82{--width:70%;}.elementor-1268 .elementor-element.elementor-element-37d4743{--width:30%;}.elementor-1268 .elementor-element.elementor-element-3c1c60e{--width:100%;}.elementor-1268 .elementor-element.elementor-element-99f4e08{--width:70%;}.elementor-1268 .elementor-element.elementor-element-b1b886c{--width:30%;}.elementor-1268 .elementor-element.elementor-element-8236c74{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-a5a0f54{--width:100%;}.elementor-1268 .elementor-element.elementor-element-1ed42f5{--width:70%;}.elementor-1268 .elementor-element.elementor-element-184eeda{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-b044ca8{--content-width:1350px;}.elementor-1268 .elementor-element.elementor-element-4852b00{--width:60%;}.elementor-1268 .elementor-element.elementor-element-96cb27f{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1268 .elementor-element.elementor-element-f373457{--width:100%;}.elementor-1268 .elementor-element.elementor-element-86e6ebd{--width:100%;}.elementor-1268 .elementor-element.elementor-element-61c50fa{--width:100%;}.elementor-1268 .elementor-element.elementor-element-9f0ad41{--width:100%;}.elementor-1268 .elementor-element.elementor-element-d985e12{--width:100%;}.elementor-1268 .elementor-element.elementor-element-ccd2206{--width:100%;}.elementor-1268 .elementor-element.elementor-element-8bf3f0e{--width:100%;}.elementor-1268 .elementor-element.elementor-element-de12f82{--width:100%;}.elementor-1268 .elementor-element.elementor-element-37d4743{--width:100%;}.elementor-1268 .elementor-element.elementor-element-0e9cc30{--width:100%;}.elementor-1268 .elementor-element.elementor-element-99f4e08{--width:100%;}.elementor-1268 .elementor-element.elementor-element-b1b886c{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-b6fa50f */@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-bd48b82 */#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-0c232b5 */.elementor-1268 .elementor-element.elementor-element-0c232b5 a {
    color: #0C40C1
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-746e537 *//* ---- 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-1268 .elementor-element.elementor-element-746e537 {
    mask-image: linear-gradient(to top, transparent 1%, black 10%);
    max-width: 100vw;
    overflow: hidden;
}


@media (max-width: 767px) {
  .elementor-1268 .elementor-element.elementor-element-746e537 {
    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-20efef2 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-20efef2 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8389ad3 */@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-4ae2df5 */.elementor-1268 .elementor-element.elementor-element-4ae2df5 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c86c3ad */.elementor-1268 .elementor-element.elementor-element-c86c3ad {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36c327a */.elementor-1268 .elementor-element.elementor-element-36c327a {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b6912f */.elementor-1268 .elementor-element.elementor-element-3b6912f {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f4478a */.elementor-1268 .elementor-element.elementor-element-5f4478a {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-26e541f */.elementor-1268 .elementor-element.elementor-element-26e541f {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5c839b1 */.elementor-1268 .elementor-element.elementor-element-5c839b1 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e65c78f */.elementor-1268 .elementor-element.elementor-element-e65c78f {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b2fd412 */.elementor-1268 .elementor-element.elementor-element-b2fd412 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9674ba5 */.elementor-1268 .elementor-element.elementor-element-9674ba5 p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3d53823 */.elementor-1268 .elementor-element.elementor-element-3d53823 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-179ec65 */@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-8f713f1 */<!-- ===== 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-06e6a74 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-06e6a74 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f866163 */@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-b990f5e */.elementor-1268 .elementor-element.elementor-element-b990f5e {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-398689c */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-398689c h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-345d873 */@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-6003a52 */.elementor-1268 .elementor-element.elementor-element-6003a52 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41f9fd9 */<!-- ===== 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-106e61a */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-106e61a h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-73370f5 */@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-2a8a832 */.elementor-1268 .elementor-element.elementor-element-2a8a832 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e41a492 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-e41a492 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4f8d73e */@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-6d2673d */.elementor-1268 .elementor-element.elementor-element-6d2673d {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5821a82 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-5821a82 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d4018b6 */@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-ff22e27 */.elementor-1268 .elementor-element.elementor-element-ff22e27 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b62a9a */<!-- ===== 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-e0b73b2 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

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

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-96dce3e {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-388ef72 */.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-0fdddcf */.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-46fbdae */.elementor-1268 .elementor-element.elementor-element-46fbdae {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7454a87 */.elementor-1268 .elementor-element.elementor-element-7454a87 p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-11fa08c */.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-157cee4 */.elementor-1268 .elementor-element.elementor-element-157cee4 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-32ddae0 */.elementor-1268 .elementor-element.elementor-element-32ddae0 p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-73b0fe8 */.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-cc92377 */.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-1268 .elementor-element.elementor-element-cc92377 path {
    fill: #0C40C1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d309fed */.elementor-1268 .elementor-element.elementor-element-d309fed {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-433112b */.elementor-1268 .elementor-element.elementor-element-433112b p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5687cd */@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-8236c74 */<!-- ===== 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-53b81e6 */.elementor-1268 .elementor-element.elementor-element-53b81e6 {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ba0e41e */.elementor-1268 .elementor-element.elementor-element-ba0e41e p {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e44dfef *//* 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: #0c40c1;
}

/* 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: #0c40c1;
}

.elementor-1268 .elementor-element.elementor-element-e44dfef {
    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 heading, class: .elementor-element-5fc7362 */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-5fc7362 h1{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83016df */@media (max-width: 767px) {
    .small-title {
        font-size: 18px;
    }
}

.small-title {
        font-size: 30px;
    }
    
.elementor-1268 .elementor-element.elementor-element-83016df {
    text-wrap: balance;
}/* End custom CSS */