.elementor-400 .elementor-element.elementor-element-ee3b9e2{--display:flex;--min-height:570px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-400 .elementor-element.elementor-element-ee3b9e2:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/06/1733764838907_7491-happy-couple-financial-advisor-going-through-plans-meeting-eeX.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-400 .elementor-element.elementor-element-ee3b9e2::before, .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .elementor-background-video-container::before, .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .elementor-background-slideshow::before, .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-95fe734 );--background-overlay:'';}.elementor-400 .elementor-element.elementor-element-0a3c08e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-400 .elementor-element.elementor-element-1f13f7f{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-400 .elementor-element.elementor-element-1f13f7f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-1f13f7f .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:55px;font-weight:500;line-height:55px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-400 .elementor-element.elementor-element-b3a0214{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Varta", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-b3a0214.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-a928b17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button{background-color:#FFFFFF;font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-95fe734 );color:var( --e-global-color-95fe734 );transition-duration:0.5s;border-radius:7px 7px 7px 7px;padding:10px 13px 10px 13px;}.elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-e1b0b09 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-e1b0b09.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button-content-wrapper{flex-direction:row;}.elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-e1b0b09 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-6c3c4b3 .elementor-button{background-color:#DBDBDB;font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-95fe734 );color:var( --e-global-color-95fe734 );transition-duration:0.5s;border-radius:7px 7px 7px 7px;padding:10px 13px 10px 13px;}.elementor-400 .elementor-element.elementor-element-6c3c4b3 .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-6c3c4b3 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-6c3c4b3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-6c3c4b3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-6c3c4b3 .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-6c3c4b3 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-ff9582e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-8ece55b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-8ece55b .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:28px;color:#6E6E6F;}.elementor-400 .elementor-element.elementor-element-94904aa > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-400 .elementor-element.elementor-element-94904aa.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-94904aa{text-align:center;}.elementor-400 .elementor-element.elementor-element-94904aa .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;line-height:40px;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-301fe35{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-301fe35.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-3c7e822{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-f4017fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-1d5167e{--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-400 .elementor-element.elementor-element-a3867a9 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-a3867a9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-a3867a9 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-a3867a9{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-a3867a9.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-a3867a9 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-a3867a9 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-a3867a9 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-a3867a9:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-a3867a9:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-a3867a9 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-efa460a{--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-400 .elementor-element.elementor-element-8d8a038{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-8d8a038 > .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-400 .elementor-element.elementor-element-8d8a038{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-8d8a038{left:25px;}.elementor-400 .elementor-element.elementor-element-8d8a038.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-8d8a038 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-8d8a038 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-8d8a038 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-7141a62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-d7e3ba4 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-d7e3ba4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-d7e3ba4 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-d7e3ba4{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d7e3ba4.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-d7e3ba4 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-d7e3ba4 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-d7e3ba4 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-d7e3ba4:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-d7e3ba4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-d7e3ba4 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-5a938bf{--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-400 .elementor-element.elementor-element-d7781eb{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-d7781eb > .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-400 .elementor-element.elementor-element-d7781eb{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-d7781eb{left:25px;}.elementor-400 .elementor-element.elementor-element-d7781eb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-d7781eb .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-d7781eb .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-d7781eb .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-84749e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-22645ee > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-22645ee.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-22645ee .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-22645ee{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-22645ee.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-22645ee .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-22645ee .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-22645ee .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-22645ee:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-22645ee:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-22645ee .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-a9b71e1{--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-400 .elementor-element.elementor-element-3d49d36{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-3d49d36 > .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-400 .elementor-element.elementor-element-3d49d36{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-3d49d36{left:25px;}.elementor-400 .elementor-element.elementor-element-3d49d36.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-3d49d36 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-3d49d36 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-3d49d36 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-b0ea664{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-922efe3 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-922efe3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-922efe3 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-922efe3{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-922efe3.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-922efe3 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-922efe3 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-922efe3 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-922efe3:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-922efe3:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-922efe3 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-3097762{--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-400 .elementor-element.elementor-element-729557a{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-729557a > .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-400 .elementor-element.elementor-element-729557a{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-729557a{left:25px;}.elementor-400 .elementor-element.elementor-element-729557a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-729557a .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-729557a .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-729557a .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-a0ee7dc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-6e84637 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-6e84637.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-6e84637 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-6e84637{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-6e84637.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-6e84637 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-6e84637 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-6e84637 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-6e84637:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-6e84637:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-6e84637 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-cd760c0{--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-400 .elementor-element.elementor-element-476ec7c{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-476ec7c > .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-400 .elementor-element.elementor-element-476ec7c{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-476ec7c{left:25px;}.elementor-400 .elementor-element.elementor-element-476ec7c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-476ec7c .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-476ec7c .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-476ec7c .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-b862ee6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-4107537 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-4107537.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-4107537 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-4107537{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-4107537.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-4107537.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-4107537.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-4107537.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4107537.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-4107537.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4107537.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4107537.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4107537.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-4107537 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-4107537 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-4107537 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-4107537:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-4107537:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-4107537 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-bc3de08{--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-400 .elementor-element.elementor-element-ea89c42{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-ea89c42 > .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-400 .elementor-element.elementor-element-ea89c42{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-ea89c42{left:25px;}.elementor-400 .elementor-element.elementor-element-ea89c42.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-ea89c42 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-ea89c42 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-ea89c42 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-752eee4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-0921b92 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-0921b92.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-0921b92 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-0921b92{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0921b92.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-0921b92 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-0921b92 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-0921b92 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-0921b92:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-0921b92:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-0921b92 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-255938b{--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-400 .elementor-element.elementor-element-8efb974{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-8efb974 > .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-400 .elementor-element.elementor-element-8efb974{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-8efb974{left:25px;}.elementor-400 .elementor-element.elementor-element-8efb974.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-8efb974 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-8efb974 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-8efb974 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-e907d88{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-5c0be47 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-5c0be47.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-5c0be47 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-5c0be47{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5c0be47.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-5c0be47 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-5c0be47 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-5c0be47 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-5c0be47:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-5c0be47:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-5c0be47 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-c8d0b8f{--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-400 .elementor-element.elementor-element-7a55f3d{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-7a55f3d > .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-400 .elementor-element.elementor-element-7a55f3d{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-7a55f3d{left:25px;}.elementor-400 .elementor-element.elementor-element-7a55f3d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-7a55f3d .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-7a55f3d .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-7a55f3d .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-2e62893{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-075f82a > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-075f82a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-075f82a .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-075f82a{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-075f82a.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-075f82a .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-075f82a .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-075f82a .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-075f82a:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-075f82a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-075f82a .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-030f665{--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-400 .elementor-element.elementor-element-cfa0d79{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-cfa0d79 > .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-400 .elementor-element.elementor-element-cfa0d79{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-cfa0d79{left:25px;}.elementor-400 .elementor-element.elementor-element-cfa0d79.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-cfa0d79 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-cfa0d79 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-cfa0d79 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-9a1f6ca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-24ca86e > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 108px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-24ca86e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-24ca86e .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-24ca86e{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-24ca86e.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-24ca86e .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-24ca86e .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-24ca86e .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-24ca86e:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-24ca86e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-24ca86e .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-df4642c{--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-400 .elementor-element.elementor-element-50b9e55{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-50b9e55 > .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-400 .elementor-element.elementor-element-50b9e55{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-50b9e55{left:25px;}.elementor-400 .elementor-element.elementor-element-50b9e55.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-50b9e55 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-50b9e55 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-50b9e55 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-8305a81{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-5380690 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 80px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-5380690.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-5380690 .elementor-icon-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-5380690{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-5380690.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-5380690.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-5380690.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-5380690.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5380690.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-5380690.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5380690.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5380690.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-5380690.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-5380690 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-5380690 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-5380690 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-5380690:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-5380690:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-5380690 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-fb61b25{--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-400 .elementor-element.elementor-element-6001a99{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-400 .elementor-element.elementor-element-6001a99 > .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-400 .elementor-element.elementor-element-6001a99{right:25px;}body.rtl .elementor-400 .elementor-element.elementor-element-6001a99{left:25px;}.elementor-400 .elementor-element.elementor-element-6001a99.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-6001a99 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-6001a99 .elementor-icon{font-size:25px;}.elementor-400 .elementor-element.elementor-element-6001a99 .elementor-icon svg{height:25px;}.elementor-400 .elementor-element.elementor-element-1dea98d{--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-400 .elementor-element.elementor-element-1dea98d > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-1dea98d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-8dd1603{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-89dfca7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-4a3ec69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:2%;--padding-right:5%;}.elementor-400 .elementor-element.elementor-element-e40bdbc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-e40bdbc .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:28px;color:#6E6E6F;}.elementor-400 .elementor-element.elementor-element-12d48da{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-12d48da > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-400 .elementor-element.elementor-element-12d48da.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-12d48da .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;line-height:45px;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-b838d0a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-b838d0a{font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-16e9945 .elementor-button{background-color:var( --e-global-color-95fe734 );font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.5s;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-16e9945 .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-16e9945 .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-16e9945 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-16e9945.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-16e9945 .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-16e9945 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-c3a1caa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-c3a1caa:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-c3a1caa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/06/facturar-autonomo-3-1536x1024-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-400 .elementor-element.elementor-element-22083ef{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-0562f55.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-0562f55 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:28px;color:#6E6E6F;}.elementor-400 .elementor-element.elementor-element-8c10461{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-400 .elementor-element.elementor-element-8c10461.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-8c10461 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-e4398c4{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-e4398c4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-ab69862{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-6fc3440{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-78acc97 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-78acc97.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-78acc97 .elementor-icon-box-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-78acc97{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-78acc97.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-78acc97 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-78acc97 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-78acc97 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-78acc97:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-78acc97:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-78acc97 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-d4acab8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-0038d75 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-0038d75.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-0038d75 .elementor-icon-box-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-0038d75{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0038d75.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-0038d75 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-0038d75 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-0038d75 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-0038d75:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-0038d75:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-0038d75 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-37c567c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-23580e2 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-23580e2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-23580e2 .elementor-icon-box-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-23580e2{--icon-box-icon-margin:15px;}.elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-23580e2.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-23580e2 .elementor-icon{font-size:50px;}.elementor-400 .elementor-element.elementor-element-23580e2 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-23580e2 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-400 .elementor-element.elementor-element-23580e2 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-23580e2:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-23580e2:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-23580e2 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-9402d8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-bdbdc83.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-77057a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-342d05c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-8fe7719{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-8fe7719:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-8fe7719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/06/Business-Insurance-NZ-Your-Guide-to-Protection-and-Peace-of-Mind-1536x1024-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-400 .elementor-element.elementor-element-1e3eff4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:3%;--padding-right:5%;}.elementor-400 .elementor-element.elementor-element-e79feee.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-e79feee .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:28px;color:#6E6E6F;}.elementor-400 .elementor-element.elementor-element-750b3d1 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-400 .elementor-element.elementor-element-750b3d1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-750b3d1 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;line-height:40px;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-09fc2d3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-09fc2d3{font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-a8a219a .elementor-button{background-color:var( --e-global-color-95fe734 );font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.5s;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-a8a219a .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-a8a219a .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-a8a219a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-a8a219a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-a8a219a .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-a8a219a .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-5f4c43d{--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:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-3655133.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-1108082{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-dbb2ab1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-21e6afd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:5%;}.elementor-400 .elementor-element.elementor-element-733b411.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-733b411 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-ef56937.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-ef56937 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-1c54bb0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-1c54bb0{font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-c2710a6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-c2710a6 .elementor-image-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-c2710a6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-400 .elementor-element.elementor-element-c2710a6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-400 .elementor-element.elementor-element-c2710a6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-400 .elementor-element.elementor-element-c2710a6 .elementor-image-box-title{margin-bottom:0px;font-family:"Varta", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-95fe734 );transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-c2710a6 .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-400 .elementor-element.elementor-element-c2710a6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-c2710a6:has(:hover) .elementor-image-box-title,
					 .elementor-400 .elementor-element.elementor-element-c2710a6:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-400 .elementor-element.elementor-element-390453c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-390453c .elementor-image-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-390453c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-400 .elementor-element.elementor-element-390453c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-400 .elementor-element.elementor-element-390453c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-400 .elementor-element.elementor-element-390453c .elementor-image-box-title{margin-bottom:0px;font-family:"Varta", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-95fe734 );transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-390453c .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-400 .elementor-element.elementor-element-390453c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-390453c:has(:hover) .elementor-image-box-title,
					 .elementor-400 .elementor-element.elementor-element-390453c:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-400 .elementor-element.elementor-element-cdf17e6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-wrapper{text-align:left;}.elementor-400 .elementor-element.elementor-element-cdf17e6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-400 .elementor-element.elementor-element-cdf17e6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-400 .elementor-element.elementor-element-cdf17e6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-400 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-title{margin-bottom:0px;font-family:"Varta", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-95fe734 );transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-400 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-cdf17e6:has(:hover) .elementor-image-box-title,
					 .elementor-400 .elementor-element.elementor-element-cdf17e6:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-400 .elementor-element.elementor-element-f9b7ecf .elementor-button{background-color:var( --e-global-color-95fe734 );font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.5s;border-radius:7px 7px 7px 7px;}.elementor-400 .elementor-element.elementor-element-f9b7ecf .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-f9b7ecf .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-f9b7ecf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-f9b7ecf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-f9b7ecf .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-f9b7ecf .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-400 .elementor-element.elementor-element-fdd4629{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-fdd4629:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-fdd4629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/06/insurance-and-sales-2023-11-27-0.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-400 .elementor-element.elementor-element-e89392e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-5e3dd68.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-400 .elementor-element.elementor-element-ecfa94f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-60px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-49bf33a.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-400 .elementor-element.elementor-element-1f13f7f{--container-widget-width:91%;--container-widget-flex-grow:0;width:var( --container-widget-width, 91% );max-width:91%;}.elementor-400 .elementor-element.elementor-element-b3a0214{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}.elementor-400 .elementor-element.elementor-element-301fe35{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-400 .elementor-element.elementor-element-1dea98d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-400 .elementor-element.elementor-element-e4398c4{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-400 .elementor-element.elementor-element-fdd4629:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-fdd4629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-423px 0px;background-size:cover;}}@media(min-width:768px){.elementor-400 .elementor-element.elementor-element-ee3b9e2{--content-width:1350px;}.elementor-400 .elementor-element.elementor-element-3c7e822{--content-width:1350px;}.elementor-400 .elementor-element.elementor-element-8dd1603{--content-width:1350px;}.elementor-400 .elementor-element.elementor-element-4a3ec69{--width:50%;}.elementor-400 .elementor-element.elementor-element-c3a1caa{--width:50%;}.elementor-400 .elementor-element.elementor-element-ab69862{--content-width:1350px;}.elementor-400 .elementor-element.elementor-element-77057a6{--content-width:1350px;}.elementor-400 .elementor-element.elementor-element-8fe7719{--width:50%;}.elementor-400 .elementor-element.elementor-element-1e3eff4{--width:50%;}.elementor-400 .elementor-element.elementor-element-1108082{--content-width:1350px;}.elementor-400 .elementor-element.elementor-element-21e6afd{--width:50%;}.elementor-400 .elementor-element.elementor-element-fdd4629{--width:50%;}}@media(min-width:1025px){.elementor-400 .elementor-element.elementor-element-ee3b9e2:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-400 .elementor-element.elementor-element-ee3b9e2{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-0a3c08e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-1f13f7f{text-align:left;}.elementor-400 .elementor-element.elementor-element-1f13f7f .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-400 .elementor-element.elementor-element-b3a0214{text-align:left;}.elementor-400 .elementor-element.elementor-element-a928b17{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-400 .elementor-element.elementor-element-94904aa .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-400 .elementor-element.elementor-element-1dea98d{--e-n-carousel-swiper-slides-to-display:1;}.elementor-400 .elementor-element.elementor-element-8dd1603{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-400 .elementor-element.elementor-element-12d48da .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-400 .elementor-element.elementor-element-c3a1caa{--min-height:350px;}.elementor-400 .elementor-element.elementor-element-8c10461{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-400 .elementor-element.elementor-element-8c10461 .elementor-heading-title{font-size:36px;}.elementor-400 .elementor-element.elementor-element-8fe7719{--min-height:350px;}.elementor-400 .elementor-element.elementor-element-750b3d1 .elementor-heading-title{font-size:36px;}.elementor-400 .elementor-element.elementor-element-1108082{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-400 .elementor-element.elementor-element-21e6afd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-400 .elementor-element.elementor-element-733b411 .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-400 .elementor-element.elementor-element-c2710a6 .elementor-image-box-img{margin-bottom:15px;}.elementor-400 .elementor-element.elementor-element-390453c .elementor-image-box-img{margin-bottom:15px;}.elementor-400 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-img{margin-bottom:15px;}.elementor-400 .elementor-element.elementor-element-fdd4629{--min-height:350px;}.elementor-400 .elementor-element.elementor-element-fdd4629:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-fdd4629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-1f13f7f */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ece55b */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-94904aa */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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-a3867a9 */.elementor-400 .elementor-element.elementor-element-a3867a9:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-a3867a9:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8d8a038 *//*
 * 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-d7e3ba4 */.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-d7e3ba4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7781eb *//*
 * 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-22645ee */.elementor-400 .elementor-element.elementor-element-22645ee:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-22645ee:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3d49d36 *//*
 * 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-922efe3 */.elementor-400 .elementor-element.elementor-element-922efe3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-922efe3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-729557a *//*
 * 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-6e84637 */.elementor-400 .elementor-element.elementor-element-6e84637:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-6e84637:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-476ec7c *//*
 * 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-4107537 */.elementor-400 .elementor-element.elementor-element-4107537:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-4107537:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ea89c42 *//*
 * 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-0921b92 */.elementor-400 .elementor-element.elementor-element-0921b92:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-0921b92:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8efb974 *//*
 * 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-5c0be47 */.elementor-400 .elementor-element.elementor-element-5c0be47:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5c0be47:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7a55f3d *//*
 * 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-075f82a */.elementor-400 .elementor-element.elementor-element-075f82a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-075f82a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfa0d79 *//*
 * 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-24ca86e */.elementor-400 .elementor-element.elementor-element-24ca86e:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-24ca86e:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-50b9e55 *//*
 * 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-5380690 */.elementor-400 .elementor-element.elementor-element-5380690:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-400 .elementor-element.elementor-element-5380690:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6001a99 *//*
 * 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 heading, class: .elementor-element-e40bdbc */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-12d48da */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0562f55 */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c10461 */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e79feee */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-750b3d1 */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-733b411 */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-display: auto;
	src: url('https://www.kimballagency.com/wp-content/uploads/2025/06/FuturaCyrillicMedium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Varta';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.kimballagency.com/wp-content/uploads/2025/08/Varta-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Varta';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.kimballagency.com/wp-content/uploads/2025/08/Varta-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */