.elementor-414 .elementor-element.elementor-element-7aa85a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-414 .elementor-element.elementor-element-3d5f582{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-7e99717{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-414 .elementor-element.elementor-element-3d3fc8f > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-3d3fc8f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-3d3fc8f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-3d3fc8f.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-3d3fc8f .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-3d3fc8f .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-3d3fc8f .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-3d3fc8f:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-3d3fc8f:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-3d3fc8f .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-e882895{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.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-414 .elementor-element.elementor-element-acc2b8f{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-acc2b8f > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-acc2b8f{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-acc2b8f{left:25px;}.elementor-414 .elementor-element.elementor-element-acc2b8f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-acc2b8f .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-acc2b8f .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-acc2b8f .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-b0452de{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-209c4e7 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-209c4e7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-209c4e7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-209c4e7.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-209c4e7 .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-209c4e7 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-209c4e7 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-209c4e7:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-209c4e7:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-209c4e7 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-b9b7345{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-e28cfef{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-e28cfef > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-e28cfef{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-e28cfef{left:25px;}.elementor-414 .elementor-element.elementor-element-e28cfef.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-e28cfef .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-e28cfef .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-e28cfef .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-cc4c6f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-e372a99 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-e372a99.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-e372a99 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-e372a99.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-e372a99 .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-e372a99 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-e372a99 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-e372a99:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-e372a99:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-e372a99 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-e7a6e79{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-ab339f5{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-ab339f5 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-ab339f5{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-ab339f5{left:25px;}.elementor-414 .elementor-element.elementor-element-ab339f5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-ab339f5 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-ab339f5 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-ab339f5 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-ff05636{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-832353a > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-832353a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-832353a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-832353a.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-832353a.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-832353a.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-832353a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-832353a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-832353a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-832353a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-832353a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-832353a.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-832353a .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-832353a .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-832353a .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-832353a:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-832353a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-832353a .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-5ed4a24{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-0a4b23a{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-0a4b23a > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-0a4b23a{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-0a4b23a{left:25px;}.elementor-414 .elementor-element.elementor-element-0a4b23a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-0a4b23a .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-0a4b23a .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-0a4b23a .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-4d14f63{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-b03b81e > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-b03b81e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-b03b81e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b03b81e.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-b03b81e .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-b03b81e .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-b03b81e .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-b03b81e:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-b03b81e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-b03b81e .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-b7030a9{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-b7746f6{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-b7746f6 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-b7746f6{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-b7746f6{left:25px;}.elementor-414 .elementor-element.elementor-element-b7746f6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-b7746f6 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-b7746f6 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-b7746f6 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-7e2d74f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-a8f1acc > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-a8f1acc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-a8f1acc .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a8f1acc.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-a8f1acc .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-a8f1acc .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-a8f1acc .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-a8f1acc:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-a8f1acc:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-a8f1acc .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-55c09db{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-afcac69{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-afcac69 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-afcac69{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-afcac69{left:25px;}.elementor-414 .elementor-element.elementor-element-afcac69.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-afcac69 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-afcac69 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-afcac69 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-071a61f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-b05bea3 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-b05bea3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-b05bea3 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-b05bea3.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-b05bea3 .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-b05bea3 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-b05bea3 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-b05bea3:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-b05bea3:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-b05bea3 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-a9a0e23{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-9320051{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-9320051 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-9320051{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-9320051{left:25px;}.elementor-414 .elementor-element.elementor-element-9320051.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-9320051 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-9320051 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-9320051 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-0fd21a6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-f53172d > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-f53172d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-f53172d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-f53172d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-f53172d .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-f53172d .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-f53172d .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-f53172d:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-f53172d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-f53172d .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-699b452{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-d4e04c9{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-d4e04c9 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-d4e04c9{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-d4e04c9{left:25px;}.elementor-414 .elementor-element.elementor-element-d4e04c9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-d4e04c9 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-d4e04c9 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-d4e04c9 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-c937f4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-4e88b6a > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-4e88b6a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-4e88b6a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-4e88b6a.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-4e88b6a .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-4e88b6a .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-4e88b6a .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-4e88b6a:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-4e88b6a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-4e88b6a .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-84c6940{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-530ce93{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-530ce93 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-530ce93{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-530ce93{left:25px;}.elementor-414 .elementor-element.elementor-element-530ce93.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-530ce93 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-530ce93 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-530ce93 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-19eec19{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-6f5d5a4 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-6f5d5a4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-6f5d5a4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-6f5d5a4.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-6f5d5a4 .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-6f5d5a4 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-6f5d5a4 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-6f5d5a4:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-6f5d5a4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-6f5d5a4 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-5b03ae5{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-5e5a48d{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-5e5a48d > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-5e5a48d{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-5e5a48d{left:25px;}.elementor-414 .elementor-element.elementor-element-5e5a48d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-5e5a48d .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-5e5a48d .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-5e5a48d .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-0a5c881{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-a7ff43e > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-a7ff43e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-a7ff43e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-framed .elementor-icon, .elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-414 .elementor-element.elementor-element-a7ff43e.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-a7ff43e .elementor-icon-box-title, .elementor-414 .elementor-element.elementor-element-a7ff43e .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-414 .elementor-element.elementor-element-a7ff43e .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-a7ff43e:has(:hover) .elementor-icon-box-title,
					 .elementor-414 .elementor-element.elementor-element-a7ff43e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-a7ff43e .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-414 .elementor-element.elementor-element-a929700{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-bd2bb56{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-414 .elementor-element.elementor-element-bd2bb56 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-414 .elementor-element.elementor-element-bd2bb56{right:25px;}body.rtl .elementor-414 .elementor-element.elementor-element-bd2bb56{left:25px;}.elementor-414 .elementor-element.elementor-element-bd2bb56.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-414 .elementor-element.elementor-element-bd2bb56 .elementor-icon-wrapper{text-align:center;}.elementor-414 .elementor-element.elementor-element-bd2bb56 .elementor-icon{font-size:25px;}.elementor-414 .elementor-element.elementor-element-bd2bb56 .elementor-icon svg{height:25px;}.elementor-414 .elementor-element.elementor-element-fbc0f62{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:25px;--e-n-carousel-arrow-normal-color:var( --e-global-color-95fe734 );--e-n-carousel-arrow-hover-color:var( --e-global-color-95fe734 );}.elementor-414 .elementor-element.elementor-element-fbc0f62 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-414 .elementor-element.elementor-element-fbc0f62.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(min-width:768px){.elementor-414 .elementor-element.elementor-element-7aa85a4{--content-width:1350px;}}@media(max-width:1024px){.elementor-414 .elementor-element.elementor-element-fbc0f62{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-414 .elementor-element.elementor-element-fbc0f62{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3d3fc8f */.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-3d3fc8f:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-acc2b8f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-209c4e7 */.elementor-414 .elementor-element.elementor-element-209c4e7:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-209c4e7:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e28cfef *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e372a99 */.elementor-414 .elementor-element.elementor-element-e372a99:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-e372a99:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ab339f5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-832353a */.elementor-414 .elementor-element.elementor-element-832353a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-832353a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0a4b23a *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b03b81e */.elementor-414 .elementor-element.elementor-element-b03b81e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b03b81e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7746f6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a8f1acc */.elementor-414 .elementor-element.elementor-element-a8f1acc:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a8f1acc:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-afcac69 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b05bea3 */.elementor-414 .elementor-element.elementor-element-b05bea3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-b05bea3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9320051 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f53172d */.elementor-414 .elementor-element.elementor-element-f53172d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-f53172d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d4e04c9 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e88b6a */.elementor-414 .elementor-element.elementor-element-4e88b6a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-4e88b6a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-530ce93 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f5d5a4 */.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-6f5d5a4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5e5a48d *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a7ff43e */.elementor-414 .elementor-element.elementor-element-a7ff43e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-414 .elementor-element.elementor-element-a7ff43e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bd2bb56 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */