.elementor-232 .elementor-element.elementor-element-e6efabf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-e6efabf:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-e6efabf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 44%, #FDF8E2 100%);}.elementor-232 .elementor-element.elementor-element-e6efabf > .elementor-shape-top .elementor-shape-fill, .elementor-232 .elementor-element.elementor-element-e6efabf > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-232 .elementor-element.elementor-element-e6efabf > .elementor-shape-bottom .elementor-shape-fill, .elementor-232 .elementor-element.elementor-element-e6efabf > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FDF8E2DE;}.elementor-232 .elementor-element.elementor-element-e6efabf > .elementor-shape-bottom svg, .elementor-232 .elementor-element.elementor-element-e6efabf > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:99px;}.elementor-232 .elementor-element.elementor-element-7215f05{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-232 .elementor-element.elementor-element-7215f05.e-con{--align-self:center;--order:-99999 /* order start hack */;}.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-232 .elementor-element.elementor-element-127d54f{width:var( --container-widget-width, 85% );max-width:85%;padding:0px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;}.elementor-232 .elementor-element.elementor-element-127d54f.elementor-element{--align-self:flex-end;}.elementor-232 .elementor-element.elementor-element-127d54f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-32d3402 );}.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-232 .elementor-element.elementor-element-6d6e9ea{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-6d6e9ea.elementor-element{--align-self:flex-end;}.elementor-232 .elementor-element.elementor-element-6d6e9ea p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-1f011a8{--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;}.elementor-widget-button .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-232 .elementor-element.elementor-element-c9b78c4 .elementor-button{background-color:#623EF6;box-shadow:0px 0px 14px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}.elementor-232 .elementor-element.elementor-element-9e284fe .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-8e1d884 );color:var( --e-global-color-8e1d884 );box-shadow:0px 0px 23px 0px rgba(0,0,0,0.5);border-style:solid;border-width:2px 2px 2px 2px;border-color:#623EF6;border-radius:50px 50px 50px 50px;}.elementor-232 .elementor-element.elementor-element-fa2f703{--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;--justify-content:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-232 .elementor-element.elementor-element-0ef50e6{z-index:4;}.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-232 .elementor-element.elementor-element-e73f4d9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:0px;z-index:0;}.elementor-232 .elementor-element.elementor-element-e73f4d9.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-e73f4d9{left:0px;}body.rtl .elementor-232 .elementor-element.elementor-element-e73f4d9{right:0px;}.elementor-232 .elementor-element.elementor-element-e73f4d9 .elementor-icon-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-e73f4d9.elementor-view-stacked .elementor-icon{background-color:#F9FAFF8F;}.elementor-232 .elementor-element.elementor-element-e73f4d9.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-e73f4d9.elementor-view-default .elementor-icon{color:#F9FAFF8F;border-color:#F9FAFF8F;}.elementor-232 .elementor-element.elementor-element-e73f4d9.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-e73f4d9.elementor-view-default .elementor-icon svg{fill:#F9FAFF8F;}.elementor-232 .elementor-element.elementor-element-e73f4d9 .elementor-icon{font-size:36vw;}.elementor-232 .elementor-element.elementor-element-e73f4d9 .elementor-icon svg{height:36vw;}.elementor-232 .elementor-element.elementor-element-a5c9a02{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:32px;z-index:0;}.elementor-232 .elementor-element.elementor-element-a5c9a02.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-232 .elementor-element.elementor-element-a5c9a02 .elementor-icon-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-a5c9a02.elementor-view-stacked .elementor-icon{background-color:#E8EBFA6E;}.elementor-232 .elementor-element.elementor-element-a5c9a02.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-a5c9a02.elementor-view-default .elementor-icon{color:#E8EBFA6E;border-color:#E8EBFA6E;}.elementor-232 .elementor-element.elementor-element-a5c9a02.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-a5c9a02.elementor-view-default .elementor-icon svg{fill:#E8EBFA6E;}.elementor-232 .elementor-element.elementor-element-a5c9a02 .elementor-icon{font-size:29vw;}.elementor-232 .elementor-element.elementor-element-a5c9a02 .elementor-icon svg{height:29vw;}.elementor-232 .elementor-element.elementor-element-f9c8768{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:64px;z-index:3;}.elementor-232 .elementor-element.elementor-element-f9c8768.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-f9c8768{left:0px;}body.rtl .elementor-232 .elementor-element.elementor-element-f9c8768{right:0px;}.elementor-232 .elementor-element.elementor-element-f9c8768 .elementor-icon-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-f9c8768.elementor-view-stacked .elementor-icon{background-color:#E8EBFA;}.elementor-232 .elementor-element.elementor-element-f9c8768.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-f9c8768.elementor-view-default .elementor-icon{color:#E8EBFA;border-color:#E8EBFA;}.elementor-232 .elementor-element.elementor-element-f9c8768.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-f9c8768.elementor-view-default .elementor-icon svg{fill:#E8EBFA;}.elementor-232 .elementor-element.elementor-element-f9c8768 .elementor-icon{font-size:24vw;}.elementor-232 .elementor-element.elementor-element-f9c8768 .elementor-icon svg{height:24vw;}.elementor-232 .elementor-element.elementor-element-92097f8{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;top:151px;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-92097f8{left:16px;}body.rtl .elementor-232 .elementor-element.elementor-element-92097f8{right:16px;}.elementor-232 .elementor-element.elementor-element-92097f8 .elementor-icon-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-92097f8.elementor-view-stacked .elementor-icon{background-color:#E9642E;}.elementor-232 .elementor-element.elementor-element-92097f8.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-92097f8.elementor-view-default .elementor-icon{color:#E9642E;border-color:#E9642E;}.elementor-232 .elementor-element.elementor-element-92097f8.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-92097f8.elementor-view-default .elementor-icon svg{fill:#E9642E;}.elementor-232 .elementor-element.elementor-element-92097f8 .elementor-icon{font-size:25px;}.elementor-232 .elementor-element.elementor-element-92097f8 .elementor-icon svg{height:25px;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-40a2bbc{left:21px;}body.rtl .elementor-232 .elementor-element.elementor-element-40a2bbc{right:21px;}.elementor-232 .elementor-element.elementor-element-40a2bbc{top:70px;}.elementor-232 .elementor-element.elementor-element-40a2bbc .elementor-icon-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-40a2bbc.elementor-view-stacked .elementor-icon{background-color:#F3BAD4;}.elementor-232 .elementor-element.elementor-element-40a2bbc.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-40a2bbc.elementor-view-default .elementor-icon{color:#F3BAD4;border-color:#F3BAD4;}.elementor-232 .elementor-element.elementor-element-40a2bbc.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-40a2bbc.elementor-view-default .elementor-icon svg{fill:#F3BAD4;}.elementor-232 .elementor-element.elementor-element-40a2bbc .elementor-icon{font-size:16px;}.elementor-232 .elementor-element.elementor-element-40a2bbc .elementor-icon svg{height:16px;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-e970e48{left:519px;}body.rtl .elementor-232 .elementor-element.elementor-element-e970e48{right:519px;}.elementor-232 .elementor-element.elementor-element-e970e48{top:65px;}.elementor-232 .elementor-element.elementor-element-e970e48 .elementor-icon-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-e970e48.elementor-view-stacked .elementor-icon{background-color:#F3BAD4;}.elementor-232 .elementor-element.elementor-element-e970e48.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-e970e48.elementor-view-default .elementor-icon{color:#F3BAD4;border-color:#F3BAD4;}.elementor-232 .elementor-element.elementor-element-e970e48.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-e970e48.elementor-view-default .elementor-icon svg{fill:#F3BAD4;}.elementor-232 .elementor-element.elementor-element-e970e48 .elementor-icon{font-size:25px;}.elementor-232 .elementor-element.elementor-element-e970e48 .elementor-icon svg{height:25px;}.elementor-232 .elementor-element.elementor-element-48bbdf8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-48bbdf8:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-48bbdf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFF;}.elementor-232 .elementor-element.elementor-element-b55c98c{--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;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-b55c98c:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-b55c98c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFF;}.elementor-232 .elementor-element.elementor-element-9a155d6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:end;--align-items:center;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:10px;--padding-left:20px;--padding-right:50px;}.elementor-232 .elementor-element.elementor-element-9a155d6:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-9a155d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-9a155d6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-232 .elementor-element.elementor-element-2078337{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-a14cf1d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-033b490{width:var( --container-widget-width, 106.561% );max-width:106.561%;--container-widget-width:106.561%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-232 .elementor-element.elementor-element-033b490.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-232 .elementor-element.elementor-element-033b490 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-939d39a .elementor-button{background-color:var( --e-global-color-8e1d884 );font-family:"Poppins", Sans-serif;font-size:10px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;box-shadow:3px 4px 18px 0px rgba(0,0,0,0.5);border-style:solid;border-color:#7A7A7A4A;border-radius:50px 50px 50px 50px;padding:10px 15px 10px 15px;}.elementor-232 .elementor-element.elementor-element-939d39a .elementor-button:hover, .elementor-232 .elementor-element.elementor-element-939d39a .elementor-button:focus{background-color:#623EF6;color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-939d39a{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-232 .elementor-element.elementor-element-939d39a .elementor-button:hover svg, .elementor-232 .elementor-element.elementor-element-939d39a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-da31dd7{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-232 .elementor-element.elementor-element-5c981a2{width:var( --container-widget-width, 100% );max-width:100%;padding:10px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-232 .elementor-element.elementor-element-5c981a2.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-232 .elementor-element.elementor-element-5c981a2.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-232 .elementor-element.elementor-element-5c981a2.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-232 .elementor-element.elementor-element-5c981a2 .elementor-image-box-wrapper .elementor-image-box-img{width:8.8em;}.elementor-232 .elementor-element.elementor-element-5c981a2 .elementor-image-box-img img{height:9.2em;transition-duration:0.3s;}.elementor-232 .elementor-element.elementor-element-8d13c41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);}.elementor-232 .elementor-element.elementor-element-8d13c41:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-8d13c41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-d7a3f6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 05px;}.elementor-232 .elementor-element.elementor-element-d7a3f6d .elementor-image-box-wrapper{text-align:start;}.elementor-232 .elementor-element.elementor-element-d7a3f6d .elementor-image-box-title{margin-bottom:8px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-decoration:underline;letter-spacing:0.1px;word-spacing:0px;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-d7a3f6d:has(:hover) .elementor-image-box-title,
					 .elementor-232 .elementor-element.elementor-element-d7a3f6d:has(:focus) .elementor-image-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-d7a3f6d .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-232 .elementor-element.elementor-element-1947d99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);}.elementor-232 .elementor-element.elementor-element-1947d99:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-1947d99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-5cd9cfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 05px;}.elementor-232 .elementor-element.elementor-element-5cd9cfa .elementor-image-box-wrapper{text-align:start;}.elementor-232 .elementor-element.elementor-element-5cd9cfa .elementor-image-box-title{margin-bottom:8px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-decoration:underline;letter-spacing:0.1px;word-spacing:0px;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-5cd9cfa:has(:hover) .elementor-image-box-title,
					 .elementor-232 .elementor-element.elementor-element-5cd9cfa:has(:focus) .elementor-image-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-5cd9cfa .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-232 .elementor-element.elementor-element-f67d7c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);}.elementor-232 .elementor-element.elementor-element-f67d7c3:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-f67d7c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-e48c7e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 05px;}.elementor-232 .elementor-element.elementor-element-e48c7e3 .elementor-image-box-wrapper{text-align:start;}.elementor-232 .elementor-element.elementor-element-e48c7e3 .elementor-image-box-title{margin-bottom:8px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-decoration:underline;letter-spacing:0.1px;word-spacing:0px;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-e48c7e3:has(:hover) .elementor-image-box-title,
					 .elementor-232 .elementor-element.elementor-element-e48c7e3:has(:focus) .elementor-image-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-e48c7e3 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-232 .elementor-element.elementor-element-0e0667b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);}.elementor-232 .elementor-element.elementor-element-0e0667b:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-0e0667b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-95eb30e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 05px;}.elementor-232 .elementor-element.elementor-element-95eb30e .elementor-image-box-wrapper{text-align:start;}.elementor-232 .elementor-element.elementor-element-95eb30e .elementor-image-box-title{margin-bottom:8px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-decoration:underline;letter-spacing:0.1px;word-spacing:0px;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-95eb30e:has(:hover) .elementor-image-box-title,
					 .elementor-232 .elementor-element.elementor-element-95eb30e:has(:focus) .elementor-image-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-95eb30e .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-232 .elementor-element.elementor-element-924469c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-924469c.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-232 .elementor-element.elementor-element-6763899{padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-6763899 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-b7e67e5{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-232 .elementor-element.elementor-element-b2adabe{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-2e15f6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-232 .elementor-element.elementor-element-f294656{--display:flex;border-style:solid;--border-style:solid;border-color:#7A7A7A4A;--border-color:#7A7A7A4A;--border-radius:10px 10px 10px 10px;}.elementor-232 .elementor-element.elementor-element-f294656:hover{border-style:solid;border-color:var( --e-global-color-8e1d884 );--border-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-f294656, .elementor-232 .elementor-element.elementor-element-f294656::before{--border-transition:0.3s;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon-box-wrapper{gap:13px;}.elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon-box-title{margin-block-end:6px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#623EF6;color:#623EF6;}.elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-framed .elementor-icon{background-color:#623EF6;}.elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#623EF6;color:#623EF6;}.elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-4e4c1dd.elementor-view-framed:has(:focus) .elementor-icon{background-color:#623EF6;}.elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon{font-size:38px;padding:17px;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;}.elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon i{transform:rotate(0deg);}.elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon-box-title, .elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-4e4c1dd:has(:hover) .elementor-icon-box-title,
					 .elementor-232 .elementor-element.elementor-element-4e4c1dd:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#7A7A7A7D;}.elementor-232 .elementor-element.elementor-element-1f6ccc3{--display:flex;border-style:solid;--border-style:solid;border-color:#7A7A7A4A;--border-color:#7A7A7A4A;--border-radius:10px 10px 10px 10px;}.elementor-232 .elementor-element.elementor-element-1f6ccc3:hover{border-style:solid;border-color:var( --e-global-color-8e1d884 );--border-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-1f6ccc3, .elementor-232 .elementor-element.elementor-element-1f6ccc3::before{--border-transition:0.3s;}.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon-box-wrapper{gap:13px;}.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon-box-title{margin-block-end:6px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-8e1d884 );color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#623EF6;color:#623EF6;}.elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-70c40f0.elementor-view-framed:has(:focus) .elementor-icon{background-color:#623EF6;}.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon{font-size:38px;padding:17px;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;}.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon i{transform:rotate(0deg);}.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon-box-title, .elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-70c40f0:has(:hover) .elementor-icon-box-title,
					 .elementor-232 .elementor-element.elementor-element-70c40f0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#7A7A7A7D;}.elementor-232 .elementor-element.elementor-element-f110aa1{--display:flex;border-style:solid;--border-style:solid;border-color:#7A7A7A4A;--border-color:#7A7A7A4A;--border-radius:10px 10px 10px 10px;}.elementor-232 .elementor-element.elementor-element-f110aa1:hover{border-style:solid;border-color:var( --e-global-color-8e1d884 );--border-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-f110aa1, .elementor-232 .elementor-element.elementor-element-f110aa1::before{--border-transition:0.3s;}.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon-box-wrapper{gap:13px;}.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon-box-title{margin-block-end:6px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-8e1d884 );color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#623EF6;color:#623EF6;}.elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-2fa8851.elementor-view-framed:has(:focus) .elementor-icon{background-color:#623EF6;}.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon{font-size:38px;padding:17px;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;}.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon i{transform:rotate(0deg);}.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon-box-title, .elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-2fa8851:has(:hover) .elementor-icon-box-title,
					 .elementor-232 .elementor-element.elementor-element-2fa8851:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#7A7A7A7D;}.elementor-232 .elementor-element.elementor-element-36db03b{--display:flex;border-style:solid;--border-style:solid;border-color:#7A7A7A4A;--border-color:#7A7A7A4A;--border-radius:10px 10px 10px 10px;}.elementor-232 .elementor-element.elementor-element-36db03b:hover{border-style:solid;border-color:var( --e-global-color-8e1d884 );--border-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-36db03b, .elementor-232 .elementor-element.elementor-element-36db03b::before{--border-transition:0.3s;}.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon-box-wrapper{gap:13px;}.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon-box-title{margin-block-end:6px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-8e1d884 );color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-framed .elementor-icon, .elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-8e1d884 );}.elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#623EF6;color:#623EF6;}.elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-232 .elementor-element.elementor-element-10cdfa5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#623EF6;}.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon{font-size:38px;padding:17px;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;}.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon i{transform:rotate(0deg);}.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon-box-title, .elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-10cdfa5:has(:hover) .elementor-icon-box-title,
					 .elementor-232 .elementor-element.elementor-element-10cdfa5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#7A7A7A7D;}.elementor-232 .elementor-element.elementor-element-5f0e6d3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-5f0e6d3:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-5f0e6d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFF;}.elementor-232 .elementor-element.elementor-element-5f0e6d3.e-con{--align-self:center;}.elementor-232 .elementor-element.elementor-element-f8fc388{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:10px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-f8fc388:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-f8fc388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-232 .elementor-element.elementor-element-c7d1544{padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-c7d1544 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-b21192a{--display:flex;--min-height:394px;--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-232 .elementor-element.elementor-element-be763f3{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-eb51400{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-eb51400:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-eb51400 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-faffe06{text-align:center;}.elementor-232 .elementor-element.elementor-element-faffe06 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-1a978bc{padding:0px 20px 0px 20px;text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-1a978bc p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-e3a6ecb{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-55378eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-55378eb:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-55378eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-28b64b9{text-align:center;}.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-b40dd53{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-b40dd53 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-a79a825{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-5ac013f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-5ac013f:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-5ac013f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-408f5b6{text-align:center;}.elementor-232 .elementor-element.elementor-element-408f5b6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-5653852{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-5653852 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-fe5e310{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-42ab17d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-42ab17d:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-42ab17d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-7233f0a{text-align:center;}.elementor-232 .elementor-element.elementor-element-7233f0a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-eae7fcd{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-eae7fcd p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-c7f2b15{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-3866570{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-3866570:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-3866570 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-d5f1415{text-align:center;}.elementor-232 .elementor-element.elementor-element-d5f1415 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-3d9bfb4{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-3d9bfb4 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-e2309b7{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-08eae15{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-08eae15:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-08eae15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-9d3d38e{text-align:center;}.elementor-232 .elementor-element.elementor-element-9d3d38e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-f3a45ab{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-f3a45ab p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-3adcc6d{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-6c61615{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-6c61615:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-6c61615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-9d1a455{text-align:center;}.elementor-232 .elementor-element.elementor-element-9d1a455 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-1125e5b{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-1125e5b p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-cc2fb03{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-45e1727{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-45e1727:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-45e1727 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-0bc20ae{text-align:center;}.elementor-232 .elementor-element.elementor-element-0bc20ae .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-7fcbc06{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-7fcbc06 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-6ec4ee4{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-4048103{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-4048103:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-4048103 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-0f7eaa8{text-align:center;}.elementor-232 .elementor-element.elementor-element-0f7eaa8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-5b44872{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-5b44872 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-ec486fd{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-487aaaf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-487aaaf:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-487aaaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-ba98d1b{text-align:center;}.elementor-232 .elementor-element.elementor-element-ba98d1b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-c391694{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-c391694 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-36337fc{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-e38e817{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-e38e817:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-e38e817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-2635970{text-align:center;}.elementor-232 .elementor-element.elementor-element-2635970 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-a62addc{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-a62addc p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-1a41745{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-420e44f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-420e44f:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-420e44f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-9956ab1{text-align:center;}.elementor-232 .elementor-element.elementor-element-9956ab1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-f8d9283{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-f8d9283 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-26d5c03{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-b7a672b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-b7a672b:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-b7a672b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-78ae9fd{text-align:center;}.elementor-232 .elementor-element.elementor-element-78ae9fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-86eb819{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-86eb819 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-6bfbbf6{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-fe47267{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-fe47267:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-fe47267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-618b526{text-align:center;}.elementor-232 .elementor-element.elementor-element-618b526 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-d5b0292{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-d5b0292 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-e3c7756{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-a581961{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-a581961:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-a581961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-c86fda1{text-align:center;}.elementor-232 .elementor-element.elementor-element-c86fda1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-889e3a5{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-889e3a5 p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-6084bcc{--display:flex;--min-height:356px;--overflow:auto;}.elementor-232 .elementor-element.elementor-element-46745d7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-232 .elementor-element.elementor-element-46745d7:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-46745d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-6a94870{text-align:center;}.elementor-232 .elementor-element.elementor-element-6a94870 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-32d3402 );}.elementor-232 .elementor-element.elementor-element-ef64c2a{padding:0px 20px 0px 20px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:-0.6px;}.elementor-232 .elementor-element.elementor-element-ef64c2a p{margin-block-end:0px;}.elementor-232 .elementor-element.elementor-element-6d91c8f{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:var( --e-global-color-8e1d884 );--e-n-carousel-dots-hover-color:var( --e-global-color-b0cbbf3 );}.elementor-232 .elementor-element.elementor-element-6d91c8f .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-232 .elementor-element.elementor-element-9a155d6{--grid-auto-flow:row;}.elementor-232 .elementor-element.elementor-element-6d91c8f{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-232 .elementor-element.elementor-element-7215f05{--width:51%;}.elementor-232 .elementor-element.elementor-element-1f011a8{--width:75%;}.elementor-232 .elementor-element.elementor-element-fa2f703{--width:50%;}.elementor-232 .elementor-element.elementor-element-48bbdf8{--width:100%;}.elementor-232 .elementor-element.elementor-element-b55c98c{--width:80%;}.elementor-232 .elementor-element.elementor-element-9a155d6{--width:65.9%;}.elementor-232 .elementor-element.elementor-element-2078337{--width:500px;}.elementor-232 .elementor-element.elementor-element-da31dd7{--width:65%;}.elementor-232 .elementor-element.elementor-element-8d13c41{--width:32%;}.elementor-232 .elementor-element.elementor-element-1947d99{--width:32%;}.elementor-232 .elementor-element.elementor-element-f67d7c3{--width:32.3%;}.elementor-232 .elementor-element.elementor-element-0e0667b{--width:32%;}.elementor-232 .elementor-element.elementor-element-924469c{--width:100.247%;}.elementor-232 .elementor-element.elementor-element-2e15f6d{--width:90%;}.elementor-232 .elementor-element.elementor-element-f8fc388{--width:100%;}.elementor-232 .elementor-element.elementor-element-b21192a{--width:90%;}}@media(max-width:767px){.elementor-232 .elementor-element.elementor-element-7215f05.e-con{--order:99999 /* order end hack */;}.elementor-232 .elementor-element.elementor-element-127d54f{--container-widget-width:466px;--container-widget-flex-grow:0;width:var( --container-widget-width, 466px );max-width:466px;text-align:center;}.elementor-232 .elementor-element.elementor-element-6d6e9ea{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-232 .elementor-element.elementor-element-1f011a8{--justify-content:center;}.elementor-232 .elementor-element.elementor-element-fa2f703{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-e73f4d9{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;top:-23px;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-e73f4d9{left:0px;}body.rtl .elementor-232 .elementor-element.elementor-element-e73f4d9{right:0px;}.elementor-232 .elementor-element.elementor-element-e73f4d9 .elementor-icon{font-size:300px;}.elementor-232 .elementor-element.elementor-element-e73f4d9 .elementor-icon svg{height:300px;}.elementor-232 .elementor-element.elementor-element-a5c9a02{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;top:-2px;}.elementor-232 .elementor-element.elementor-element-a5c9a02 .elementor-icon{font-size:254px;}.elementor-232 .elementor-element.elementor-element-a5c9a02 .elementor-icon svg{height:254px;}.elementor-232 .elementor-element.elementor-element-f9c8768{top:30px;}.elementor-232 .elementor-element.elementor-element-f9c8768 .elementor-icon{font-size:192px;}.elementor-232 .elementor-element.elementor-element-f9c8768 .elementor-icon svg{height:192px;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-40a2bbc{left:282px;}body.rtl .elementor-232 .elementor-element.elementor-element-40a2bbc{right:282px;}.elementor-232 .elementor-element.elementor-element-40a2bbc{top:13px;}body:not(.rtl) .elementor-232 .elementor-element.elementor-element-e970e48{left:0px;}body.rtl .elementor-232 .elementor-element.elementor-element-e970e48{right:0px;}.elementor-232 .elementor-element.elementor-element-e970e48{top:0px;}.elementor-232 .elementor-element.elementor-element-48bbdf8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-232 .elementor-element.elementor-element-9a155d6{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-2078337{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:015px 015px;--row-gap:015px;--column-gap:015px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-2078337.e-con{--order:99999 /* order end hack */;}.elementor-232 .elementor-element.elementor-element-a14cf1d{text-align:center;}.elementor-232 .elementor-element.elementor-element-033b490{width:var( --container-widget-width, 241.727px );max-width:241.727px;--container-widget-width:241.727px;--container-widget-flex-grow:0;text-align:center;}.elementor-232 .elementor-element.elementor-element-da31dd7{--width:93%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-5c981a2{--container-widget-width:421px;--container-widget-flex-grow:0;width:var( --container-widget-width, 421px );max-width:421px;}.elementor-232 .elementor-element.elementor-element-5c981a2 .elementor-image-box-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-5c981a2 .elementor-image-box-img{margin-bottom:0px;}.elementor-232 .elementor-element.elementor-element-5c981a2 .elementor-image-box-wrapper .elementor-image-box-img{width:41%;}.elementor-232 .elementor-element.elementor-element-d7a3f6d .elementor-image-box-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-5cd9cfa .elementor-image-box-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-e48c7e3 .elementor-image-box-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-95eb30e .elementor-image-box-wrapper{text-align:center;}.elementor-232 .elementor-element.elementor-element-b2adabe{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-232 .elementor-element.elementor-element-6d91c8f{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for icon, class: .elementor-element-e73f4d9 */.elementor-232 .elementor-element.elementor-element-e73f4d9 {
    animation: breathing 4s ease-in-out infinite;
}

@keyframes breathing {
    0% { transform: scale(1); }
    50% { transform: scale(1.100); } /* Grow by 10% */
    100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a5c9a02 */.elementor-232 .elementor-element.elementor-element-a5c9a02 {
    animation: breathing 4s ease-in-out infinite;
}

@keyframes breathing {
    0% { transform: scale(1); }
    50% { transform: scale(1.100); } /* Grow by 10% */
    100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f9c8768 */.elementor-232 .elementor-element.elementor-element-f9c8768 {
    animation: breathing 4s ease-in-out infinite;
}

@keyframes breathing {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); } /* Grow by 10% */
    100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-92097f8 */.elementor-232 .elementor-element.elementor-element-92097f8 {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-40a2bbc */.elementor-232 .elementor-element.elementor-element-40a2bbc {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e970e48 */.elementor-232 .elementor-element.elementor-element-e970e48 {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6efabf *//* Targets the Shape Divider at the top */
.elementor-232 .elementor-element.elementor-element-e6efabf .elementor-shape-top svg {
    filter: drop-shadow(0px -2px 0px #D4AF37); /* Creates a 2px "border" effect */
}

/* Targets the Shape Divider at the bottom */
.elementor-232 .elementor-element.elementor-element-e6efabf .elementor-shape-bottom svg {
    filter: drop-shadow(0px 2px 0px #D4AF37); /* Adjust color hex as needed */
}


.elementor-232 .elementor-element.elementor-element-e6efabf {
    background-color: #FFFFFF !important;
    background-image: 
        /* Pink: Starts off-screen to the left, glowing inward */
        radial-gradient(circle at -40% 20%, rgba(243, 190, 213, 0.7) 0%, transparent 40%), 
        /* Green: Starts off-screen to the right, glowing inward */
        radial-gradient(circle at 140% 50%, rgba(190, 234, 198, 0.7) 0%, transparent 40%) !important;
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e4c1dd *//* 1. When the CONTAINER is hovered: Change Icon Background and Shadow */
.elementor-232 .elementor-element.elementor-element-4e4c1dd:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    box-shadow: 0px 10px 20px rgba(98, 62, 246, 0.3) !important; /* The soft glow below icon */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Change the Star/SVG color to White */
.elementor-232 .elementor-element.elementor-element-4e4c1dd:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-4e4c1dd:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Your existing Button Border/Text logic */
.elementor-232 .elementor-element.elementor-element-4e4c1dd:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. When specifically hovering the BUTTON: Fill it purple */
.elementor-232 .elementor-element.elementor-element-4e4c1dd .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f294656 *//* 1. When the CONTAINER is hovered: Change Icon Background, Shadow, AND White Border */
.elementor-232 .elementor-element.elementor-element-f294656:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    border: 2px solid #FFFFFF !important; /* The white border from your design */
    box-shadow: 0px 10px 25px rgba(98, 62, 246, 0.4) !important; /* Enhanced purple glow */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Ensure the Star/SVG inside is White */
.elementor-232 .elementor-element.elementor-element-f294656:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-f294656:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Container Hover: Button Border & Text shift to Purple */
.elementor-232 .elementor-element.elementor-element-f294656:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. Button-Specific Hover: Fill background with Purple */
.elementor-232 .elementor-element.elementor-element-f294656 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-70c40f0 *//* 1. When the CONTAINER is hovered: Change Icon Background and Shadow */
.elementor-232 .elementor-element.elementor-element-70c40f0:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    box-shadow: 0px 10px 20px rgba(98, 62, 246, 0.3) !important; /* The soft glow below icon */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Change the Star/SVG color to White */
.elementor-232 .elementor-element.elementor-element-70c40f0:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-70c40f0:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Your existing Button Border/Text logic */
.elementor-232 .elementor-element.elementor-element-70c40f0:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. When specifically hovering the BUTTON: Fill it purple */
.elementor-232 .elementor-element.elementor-element-70c40f0 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f6ccc3 *//* 1. When the CONTAINER is hovered: Change Icon Background, Shadow, AND White Border */
.elementor-232 .elementor-element.elementor-element-1f6ccc3:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    border: 2px solid #FFFFFF !important; /* The white border from your design */
    box-shadow: 0px 10px 25px rgba(98, 62, 246, 0.4) !important; /* Enhanced purple glow */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Ensure the Star/SVG inside is White */
.elementor-232 .elementor-element.elementor-element-1f6ccc3:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-1f6ccc3:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Container Hover: Button Border & Text shift to Purple */
.elementor-232 .elementor-element.elementor-element-1f6ccc3:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. Button-Specific Hover: Fill background with Purple */
.elementor-232 .elementor-element.elementor-element-1f6ccc3 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2fa8851 *//* 1. When the CONTAINER is hovered: Change Icon Background and Shadow */
.elementor-232 .elementor-element.elementor-element-2fa8851:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    box-shadow: 0px 10px 20px rgba(98, 62, 246, 0.3) !important; /* The soft glow below icon */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Change the Star/SVG color to White */
.elementor-232 .elementor-element.elementor-element-2fa8851:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-2fa8851:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Your existing Button Border/Text logic */
.elementor-232 .elementor-element.elementor-element-2fa8851:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. When specifically hovering the BUTTON: Fill it purple */
.elementor-232 .elementor-element.elementor-element-2fa8851 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f110aa1 *//* 1. When the CONTAINER is hovered: Change Icon Background, Shadow, AND White Border */
.elementor-232 .elementor-element.elementor-element-f110aa1:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    border: 2px solid #FFFFFF !important; /* The white border from your design */
    box-shadow: 0px 10px 25px rgba(98, 62, 246, 0.4) !important; /* Enhanced purple glow */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Ensure the Star/SVG inside is White */
.elementor-232 .elementor-element.elementor-element-f110aa1:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-f110aa1:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Container Hover: Button Border & Text shift to Purple */
.elementor-232 .elementor-element.elementor-element-f110aa1:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. Button-Specific Hover: Fill background with Purple */
.elementor-232 .elementor-element.elementor-element-f110aa1 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-10cdfa5 *//* 1. When the CONTAINER is hovered: Change Icon Background and Shadow */
.elementor-232 .elementor-element.elementor-element-10cdfa5:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    box-shadow: 0px 10px 20px rgba(98, 62, 246, 0.3) !important; /* The soft glow below icon */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Change the Star/SVG color to White */
.elementor-232 .elementor-element.elementor-element-10cdfa5:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-10cdfa5:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Your existing Button Border/Text logic */
.elementor-232 .elementor-element.elementor-element-10cdfa5:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. When specifically hovering the BUTTON: Fill it purple */
.elementor-232 .elementor-element.elementor-element-10cdfa5 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36db03b *//* 1. When the CONTAINER is hovered: Change Icon Background, Shadow, AND White Border */
.elementor-232 .elementor-element.elementor-element-36db03b:hover .elementor-icon {
    background-color: #623EF6 !important; /* The solid purple circle */
    border: 2px solid #FFFFFF !important; /* The white border from your design */
    box-shadow: 0px 10px 25px rgba(98, 62, 246, 0.4) !important; /* Enhanced purple glow */
    transition: all 0.3s ease-in-out;
}

/* 2. When the CONTAINER is hovered: Ensure the Star/SVG inside is White */
.elementor-232 .elementor-element.elementor-element-36db03b:hover .elementor-icon i,
.elementor-232 .elementor-element.elementor-element-36db03b:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 3. Container Hover: Button Border & Text shift to Purple */
.elementor-232 .elementor-element.elementor-element-36db03b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important;
}

/* 4. Button-Specific Hover: Fill background with Purple */
.elementor-232 .elementor-element.elementor-element-36db03b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb51400 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-eb51400:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-eb51400 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-28b64b9 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-28b64b9:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-28b64b9 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55378eb *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-55378eb:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-55378eb .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ac013f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-5ac013f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-5ac013f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42ab17d *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-42ab17d:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-42ab17d .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866570 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-3866570:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-3866570 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08eae15 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-08eae15:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-08eae15 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c61615 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-6c61615:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-6c61615 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e1727 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-45e1727:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-45e1727 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4048103 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-4048103:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-4048103 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487aaaf *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-487aaaf:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-487aaaf .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e38e817 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-e38e817:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-e38e817 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-420e44f *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-420e44f:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-420e44f .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7a672b *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-b7a672b:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-b7a672b .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe47267 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-fe47267:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-fe47267 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a581961 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-a581961:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-a581961 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46745d7 *//* 1. When the CONTAINER is hovered: Change button border AND text color */
.elementor-232 .elementor-element.elementor-element-46745d7:hover .elementor-button {
    border-color: #623EF6 !important;
    color: #623EF6 !important; /* Changes text color */
    border-style: solid; 
}

/* 2. When the BUTTON itself is hovered: Change background */
/* Note: You might want to change text to white here so it's readable against the purple bg */
.elementor-232 .elementor-element.elementor-element-46745d7 .elementor-button:hover {
    background-color: #623EF6 !important;
    color: #FFFFFF !important; /* Optional: makes text white when bg is purple */
}/* End custom CSS */