.elementor-542 .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:1;--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-542 .elementor-element.elementor-element-ee3b9e2:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/09/steptodown.com144945.jpg");background-position:400px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-ee3b9e2::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-background-video-container::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-background-slideshow::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(78deg, var( --e-global-color-95fe734 ) 50%, #303F5600 80%);}.elementor-542 .elementor-element.elementor-element-0a3c08e{--display:flex;}.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-542 .elementor-element.elementor-element-1f13f7f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-1f13f7f{text-align:left;}.elementor-542 .elementor-element.elementor-element-1f13f7f .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:55px;font-weight:500;line-height:57px;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-542 .elementor-element.elementor-element-b3a0214.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-b3a0214{text-align:left;font-family:"Futura", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-542 .elementor-element.elementor-element-9183cfd > .elementor-widget-container{margin:0px 0px 0px -5px;}.elementor-542 .elementor-element.elementor-element-9183cfd.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-9183cfd .elementor-icon-list-icon i{color:#DBDBDB;transition:color 0.3s;}.elementor-542 .elementor-element.elementor-element-9183cfd .elementor-icon-list-icon svg{fill:#DBDBDB;transition:fill 0.3s;}.elementor-542 .elementor-element.elementor-element-9183cfd{--e-icon-list-icon-size:18px;--icon-vertical-align:flex-start;--icon-vertical-offset:2px;}.elementor-542 .elementor-element.elementor-element-9183cfd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-542 .elementor-element.elementor-element-9183cfd .elementor-icon-list-item > a{font-family:"Varta", Sans-serif;font-weight:400;}.elementor-542 .elementor-element.elementor-element-9183cfd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-542 .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;--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-542 .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-542 .elementor-element.elementor-element-e1b0b09 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-e1b0b09 .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-e1b0b09 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-e1b0b09.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-e1b0b09 .elementor-button-content-wrapper{flex-direction:row;}.elementor-542 .elementor-element.elementor-element-e1b0b09 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-542 .elementor-element.elementor-element-e1b0b09 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-e1b0b09 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-542 .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-542 .elementor-element.elementor-element-6c3c4b3 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-6c3c4b3 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-6c3c4b3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-6c3c4b3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-6c3c4b3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-542 .elementor-element.elementor-element-6c3c4b3 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-542 .elementor-element.elementor-element-6c3c4b3 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-6c3c4b3 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-8223f3a{--display:flex;}.elementor-542 .elementor-element.elementor-element-23661be{--spacer-size:50px;}.elementor-542 .elementor-element.elementor-element-23661be.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-195457d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-542 .elementor-element.elementor-element-5ea6571{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-2ecad0d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-2ecad0d .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:28px;color:#6E6E6F;}.elementor-542 .elementor-element.elementor-element-1ad376b > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-1ad376b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-1ad376b{text-align:center;}.elementor-542 .elementor-element.elementor-element-1ad376b .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-e85a890{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-e85a890 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-e85a890.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-3647900{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-a62f043{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-e2a1b55{--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;--z-index:998;}.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-542 .elementor-element.elementor-element-55732c2 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-55732c2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-55732c2 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-55732c2{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-55732c2.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-55732c2 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-55732c2 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-55732c2 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-55732c2:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-55732c2:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-55732c2 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-22cd372{--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-542 .elementor-element.elementor-element-ebd57b3{width:auto;max-width:auto;top:-80px;z-index:999;}.elementor-542 .elementor-element.elementor-element-ebd57b3 > .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-542 .elementor-element.elementor-element-ebd57b3{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-ebd57b3{left:25px;}.elementor-542 .elementor-element.elementor-element-ebd57b3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-ebd57b3 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-ebd57b3 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-ebd57b3 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-8e08c08{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-40967c4{--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-542 .elementor-element.elementor-element-35826ff > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-35826ff.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-35826ff .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-35826ff{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-35826ff.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-35826ff .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-35826ff .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-35826ff .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-35826ff:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-35826ff:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-35826ff .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-c2baeb6{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-710e590{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-710e590 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-710e590{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-710e590{left:25px;}.elementor-542 .elementor-element.elementor-element-710e590.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-710e590 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-710e590 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-710e590 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-678f2da{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-802f052{--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-542 .elementor-element.elementor-element-c0e6da4 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-c0e6da4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-c0e6da4 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-c0e6da4{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-c0e6da4.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-c0e6da4 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-c0e6da4 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-c0e6da4 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-c0e6da4:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-c0e6da4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-c0e6da4 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-689c925{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-9e356c6{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-9e356c6 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-9e356c6{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-9e356c6{left:25px;}.elementor-542 .elementor-element.elementor-element-9e356c6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-9e356c6 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-9e356c6 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-9e356c6 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-e1b3e62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-6844342{--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-542 .elementor-element.elementor-element-cde60a8 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-cde60a8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-cde60a8 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-cde60a8{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cde60a8.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-cde60a8 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-cde60a8 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-cde60a8 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-cde60a8:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-cde60a8:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-cde60a8 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-6dcf219{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-0afecb5{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-0afecb5 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-0afecb5{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-0afecb5{left:25px;}.elementor-542 .elementor-element.elementor-element-0afecb5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-0afecb5 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-0afecb5 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-0afecb5 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-52f16a6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-799b284{--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-542 .elementor-element.elementor-element-3f63842 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-3f63842.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-3f63842 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-3f63842{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3f63842.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3f63842 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-3f63842 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-3f63842 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-3f63842:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-3f63842:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3f63842 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-fe5ecf7{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-20a59fc{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-20a59fc > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-20a59fc{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-20a59fc{left:25px;}.elementor-542 .elementor-element.elementor-element-20a59fc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-20a59fc .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-20a59fc .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-20a59fc .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-1102899{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-bcccbf1{--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-542 .elementor-element.elementor-element-3ae5232 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-3ae5232.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-3ae5232 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-3ae5232{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-3ae5232.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3ae5232 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-3ae5232 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-3ae5232 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-3ae5232:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-3ae5232:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3ae5232 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-8011c20{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-8978846{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-8978846 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-8978846{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-8978846{left:25px;}.elementor-542 .elementor-element.elementor-element-8978846.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-8978846 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-8978846 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-8978846 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-1dd0082{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-d2fcb28{--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-542 .elementor-element.elementor-element-a781b4d > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 46px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-a781b4d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-a781b4d .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-a781b4d{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a781b4d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-a781b4d .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-a781b4d .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-a781b4d .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-a781b4d:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-a781b4d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-a781b4d .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-af6ae5b{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-fafaf7e{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-fafaf7e > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-fafaf7e{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-fafaf7e{left:25px;}.elementor-542 .elementor-element.elementor-element-fafaf7e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-fafaf7e .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-fafaf7e .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-fafaf7e .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-7d84f45{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-55f4b5a{--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-542 .elementor-element.elementor-element-308e4c3 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-308e4c3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-308e4c3 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-308e4c3{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-308e4c3.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-308e4c3 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-308e4c3 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-308e4c3 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-308e4c3:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-308e4c3:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-308e4c3 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-ad2d279{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-9666e21{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-9666e21 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-9666e21{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-9666e21{left:25px;}.elementor-542 .elementor-element.elementor-element-9666e21.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-9666e21 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-9666e21 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-9666e21 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-0f26ee6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-17521b1{--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-542 .elementor-element.elementor-element-b149455 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-b149455.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-b149455 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-b149455{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-b149455.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-b149455.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-b149455.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-b149455.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-b149455.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-b149455.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-b149455.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-b149455.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-b149455.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-b149455 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-b149455 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-b149455 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-b149455:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-b149455:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-b149455 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-594499f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-e5ef3c1{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-e5ef3c1 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-e5ef3c1{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-e5ef3c1{left:25px;}.elementor-542 .elementor-element.elementor-element-e5ef3c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-e5ef3c1 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-e5ef3c1 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-e5ef3c1 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-9d30fe4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-2a6934a{--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-542 .elementor-element.elementor-element-e3d668a > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-e3d668a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-e3d668a .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-e3d668a{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-e3d668a.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-e3d668a .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-e3d668a .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-e3d668a .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-e3d668a:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-e3d668a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-e3d668a .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-fbcfbc6{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-eefc2de{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-eefc2de > .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-542 .elementor-element.elementor-element-eefc2de{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-eefc2de{left:25px;}.elementor-542 .elementor-element.elementor-element-eefc2de.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-eefc2de .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-eefc2de .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-eefc2de .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-fba4a5d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-a23f356{--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-542 .elementor-element.elementor-element-6f4bc66 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-6f4bc66.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-6f4bc66 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-6f4bc66{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6f4bc66.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-6f4bc66 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-6f4bc66 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-6f4bc66 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-6f4bc66:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-6f4bc66:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-6f4bc66 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-dfeb482{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-1ac9135{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-1ac9135 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-1ac9135{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-1ac9135{left:25px;}.elementor-542 .elementor-element.elementor-element-1ac9135.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-1ac9135 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-1ac9135 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-1ac9135 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-b5143ae{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-ec37a28{--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-542 .elementor-element.elementor-element-4170ac3 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-4170ac3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-4170ac3 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-4170ac3{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-4170ac3.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-4170ac3 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-4170ac3 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-4170ac3 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-4170ac3:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-4170ac3:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-4170ac3 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-fad4c8a{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-c6e734f{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-c6e734f > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-c6e734f{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-c6e734f{left:25px;}.elementor-542 .elementor-element.elementor-element-c6e734f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-c6e734f .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-c6e734f .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-c6e734f .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-615346b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-ea32c09{--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-542 .elementor-element.elementor-element-cc2f348 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 75px 0px;padding:20px 20px 0px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-widget-container{background-color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-cc2f348.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-cc2f348 .elementor-icon-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-cc2f348{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-cc2f348.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-cc2f348 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-cc2f348 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-cc2f348 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-cc2f348:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-cc2f348:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-cc2f348 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-e9d7dd9{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-ddef138{width:auto;max-width:auto;top:-80px;}.elementor-542 .elementor-element.elementor-element-ddef138 > .elementor-widget-container{background-color:var( --e-global-color-95fe734 );padding:10px 10px 0px 10px;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-542 .elementor-element.elementor-element-ddef138{right:25px;}body.rtl .elementor-542 .elementor-element.elementor-element-ddef138{left:25px;}.elementor-542 .elementor-element.elementor-element-ddef138.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-ddef138 .elementor-icon-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-ddef138 .elementor-icon{font-size:25px;}.elementor-542 .elementor-element.elementor-element-ddef138 .elementor-icon svg{height:25px;}.elementor-542 .elementor-element.elementor-element-bc9bdfc{--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-542 .elementor-element.elementor-element-bc9bdfc > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-bc9bdfc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .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-542 .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-542 .elementor-element.elementor-element-e40bdbc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .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-542 .elementor-element.elementor-element-12d48da > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-542 .elementor-element.elementor-element-12d48da.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-12d48da .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;line-height:50px;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-b838d0a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-b838d0a{font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .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-542 .elementor-element.elementor-element-16e9945 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-16e9945 .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-16e9945 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-16e9945.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-16e9945 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-16e9945 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-c3a1caa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-c3a1caa:not(.elementor-motion-effects-element-type-background), .elementor-542 .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/0a871614f6.jpg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-c3df9f9{--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-542 .elementor-element.elementor-element-b98edbe.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-d0eaa1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-733b411 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-542 .elementor-element.elementor-element-733b411.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-733b411{text-align:center;}.elementor-542 .elementor-element.elementor-element-733b411 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;line-height:50px;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-650780f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-650780f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-650780f{text-align:center;}.elementor-542 .elementor-element.elementor-element-650780f .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-f86f455{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-a1b4fad{--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-542 .elementor-element.elementor-element-6c5b55d > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-6c5b55d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-6c5b55d .elementor-icon-box-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-6c5b55d{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-6c5b55d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-6c5b55d .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-6c5b55d .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-6c5b55d .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-6c5b55d:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-6c5b55d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-6c5b55d .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-07c2fbe{--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-542 .elementor-element.elementor-element-0352b2b > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-0352b2b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-0352b2b .elementor-icon-box-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-0352b2b{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-0352b2b.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-0352b2b .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-0352b2b .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-0352b2b .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-0352b2b:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-0352b2b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-0352b2b .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-1d5905f{--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-542 .elementor-element.elementor-element-a9fffa6 > .elementor-widget-container{background-color:#F1F1F1;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:7px 7px 7px 7px;}.elementor-542 .elementor-element.elementor-element-a9fffa6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-a9fffa6 .elementor-icon-box-wrapper{text-align:center;}.elementor-542 .elementor-element.elementor-element-a9fffa6{--icon-box-icon-margin:15px;}.elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-stacked .elementor-icon{background-color:#303F56;}.elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-framed .elementor-icon, .elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-default .elementor-icon{fill:#303F56;color:#303F56;border-color:#303F56;}.elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-542 .elementor-element.elementor-element-a9fffa6.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-a9fffa6 .elementor-icon{font-size:50px;}.elementor-542 .elementor-element.elementor-element-a9fffa6 .elementor-icon-box-title, .elementor-542 .elementor-element.elementor-element-a9fffa6 .elementor-icon-box-title a{font-family:"Futura", Sans-serif;font-weight:500;}.elementor-542 .elementor-element.elementor-element-a9fffa6 .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-a9fffa6:has(:hover) .elementor-icon-box-title,
					 .elementor-542 .elementor-element.elementor-element-a9fffa6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-a9fffa6 .elementor-icon-box-description{font-family:"Futura", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .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-542 .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-542 .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-542 .elementor-element.elementor-element-e0fd177.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-e0fd177 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-ef56937.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .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-542 .elementor-element.elementor-element-1c54bb0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .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-542 .elementor-element.elementor-element-c2710a6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-c2710a6 .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-c2710a6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-542 .elementor-element.elementor-element-c2710a6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-542 .elementor-element.elementor-element-c2710a6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .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-542 .elementor-element.elementor-element-c2710a6 .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-542 .elementor-element.elementor-element-c2710a6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-542 .elementor-element.elementor-element-c2710a6:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-c2710a6:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-542 .elementor-element.elementor-element-390453c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-390453c .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-390453c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-542 .elementor-element.elementor-element-390453c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-542 .elementor-element.elementor-element-390453c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .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-542 .elementor-element.elementor-element-390453c .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-542 .elementor-element.elementor-element-390453c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-542 .elementor-element.elementor-element-390453c:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-390453c:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-542 .elementor-element.elementor-element-cdf17e6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-cdf17e6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-542 .elementor-element.elementor-element-cdf17e6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-542 .elementor-element.elementor-element-cdf17e6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .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-542 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-542 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-542 .elementor-element.elementor-element-cdf17e6:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-cdf17e6:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-542 .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-542 .elementor-element.elementor-element-f9b7ecf .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-f9b7ecf .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-f9b7ecf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-f9b7ecf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-f9b7ecf .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-f9b7ecf .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-fdd4629{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-fdd4629:not(.elementor-motion-effects-element-type-background), .elementor-542 .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/WhatsApp-Image-2025-06-21-at-6.11.57-PM.jpeg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-29e4ead{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-085f9c6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-8c30013{--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:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-5ee3032{--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-542 .elementor-element.elementor-element-137fb98{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-137fb98:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-137fb98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/06/WhatsApp-Image-2025-06-21-at-6.20.47-PM.jpeg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-1543dcb{--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-542 .elementor-element.elementor-element-f1fc85e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-f1fc85e .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:28px;color:#6E6E6F;}.elementor-542 .elementor-element.elementor-element-151717e > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-542 .elementor-element.elementor-element-151717e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-151717e .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-a424028.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-a424028{font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-2daf273 .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-542 .elementor-element.elementor-element-2daf273 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-2daf273 .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-2daf273 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-2daf273.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-2daf273 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-2daf273 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-2b0c1f8{--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-542 .elementor-element.elementor-element-deef381.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-fcaff6c{--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-542 .elementor-element.elementor-element-80a3795{--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-542 .elementor-element.elementor-element-9adc03c{--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-542 .elementor-element.elementor-element-65979ef.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-65979ef .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-084369e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-084369e .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-313530b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-313530b{font-family:"Varta", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-c55ee1f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-c55ee1f .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-c55ee1f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-542 .elementor-element.elementor-element-c55ee1f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-542 .elementor-element.elementor-element-c55ee1f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-c55ee1f .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-542 .elementor-element.elementor-element-c55ee1f .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-542 .elementor-element.elementor-element-c55ee1f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-542 .elementor-element.elementor-element-c55ee1f:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-c55ee1f:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-542 .elementor-element.elementor-element-473f736.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-473f736 .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-473f736.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-542 .elementor-element.elementor-element-473f736.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-542 .elementor-element.elementor-element-473f736.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-473f736 .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-542 .elementor-element.elementor-element-473f736 .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-542 .elementor-element.elementor-element-473f736 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-542 .elementor-element.elementor-element-473f736:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-473f736:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-542 .elementor-element.elementor-element-8d91ee1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-8d91ee1 .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-8d91ee1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-542 .elementor-element.elementor-element-8d91ee1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-542 .elementor-element.elementor-element-8d91ee1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-8d91ee1 .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-542 .elementor-element.elementor-element-8d91ee1 .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-542 .elementor-element.elementor-element-8d91ee1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-542 .elementor-element.elementor-element-8d91ee1:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-8d91ee1:has(:focus) .elementor-image-box-title{color:#000000;}.elementor-542 .elementor-element.elementor-element-460d231 .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-542 .elementor-element.elementor-element-460d231 .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-460d231 .elementor-button:focus{background-color:#DBDBDB;color:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-460d231 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-460d231.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-542 .elementor-element.elementor-element-460d231 .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-460d231 .elementor-button:focus svg{fill:var( --e-global-color-95fe734 );}.elementor-542 .elementor-element.elementor-element-e2b9dc5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-e2b9dc5:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-e2b9dc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kimballagency.com/wp-content/uploads/2025/06/WhatsApp-Image-2025-06-21-at-6.11.57-PM.jpeg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-3f83dc6{--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-542 .elementor-element.elementor-element-d58f08b.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-542 .elementor-element.elementor-element-ee3b9e2:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-542 .elementor-element.elementor-element-a928b17{--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:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-542 .elementor-element.elementor-element-bc9bdfc{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-542 .elementor-element.elementor-element-ee3b9e2{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-0a3c08e{--width:50%;}.elementor-542 .elementor-element.elementor-element-8223f3a{--width:50%;}.elementor-542 .elementor-element.elementor-element-3647900{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-8dd1603{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-4a3ec69{--width:50%;}.elementor-542 .elementor-element.elementor-element-c3a1caa{--width:50%;}.elementor-542 .elementor-element.elementor-element-f86f455{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-1108082{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-21e6afd{--width:50%;}.elementor-542 .elementor-element.elementor-element-fdd4629{--width:50%;}.elementor-542 .elementor-element.elementor-element-8c30013{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-137fb98{--width:50%;}.elementor-542 .elementor-element.elementor-element-1543dcb{--width:50%;}.elementor-542 .elementor-element.elementor-element-fcaff6c{--content-width:1350px;}.elementor-542 .elementor-element.elementor-element-9adc03c{--width:50%;}.elementor-542 .elementor-element.elementor-element-e2b9dc5{--width:50%;}}@media(max-width:767px){.elementor-542 .elementor-element.elementor-element-ee3b9e2:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:580px auto;}.elementor-542 .elementor-element.elementor-element-ee3b9e2::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-background-video-container::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-background-slideshow::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-542 .elementor-element.elementor-element-ee3b9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-95fe734 ) 70%, #303F5600 66%);}.elementor-542 .elementor-element.elementor-element-ee3b9e2{--overlay-opacity:1;--padding-top:20px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-542 .elementor-element.elementor-element-0a3c08e{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-1f13f7f .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-542 .elementor-element.elementor-element-23661be{--spacer-size:100px;}.elementor-542 .elementor-element.elementor-element-195457d{--margin-top:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-2ecad0d{text-align:center;}.elementor-542 .elementor-element.elementor-element-1ad376b .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-542 .elementor-element.elementor-element-e85a890{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-542 .elementor-element.elementor-element-3647900{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-bc9bdfc{--e-n-carousel-swiper-slides-to-display:1;}.elementor-542 .elementor-element.elementor-element-8dd1603{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-12d48da .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-542 .elementor-element.elementor-element-c3a1caa{--min-height:350px;}.elementor-542 .elementor-element.elementor-element-733b411{text-align:center;}.elementor-542 .elementor-element.elementor-element-733b411 .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-542 .elementor-element.elementor-element-650780f .elementor-heading-title{line-height:30px;}.elementor-542 .elementor-element.elementor-element-1108082{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-542 .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-542 .elementor-element.elementor-element-c2710a6 .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-390453c .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-cdf17e6 .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-fdd4629{--min-height:350px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-542 .elementor-element.elementor-element-137fb98{--min-height:350px;}.elementor-542 .elementor-element.elementor-element-1543dcb{--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-151717e .elementor-heading-title{font-size:36px;line-height:46px;}.elementor-542 .elementor-element.elementor-element-fcaff6c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-9adc03c{--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-542 .elementor-element.elementor-element-65979ef .elementor-heading-title{font-size:36px;}.elementor-542 .elementor-element.elementor-element-c55ee1f .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-473f736 .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-8d91ee1 .elementor-image-box-img{margin-bottom:15px;}.elementor-542 .elementor-element.elementor-element-e2b9dc5{--min-height:350px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-2ecad0d */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1ad376b */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

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


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

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

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

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

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




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

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

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

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-55732c2 */.elementor-542 .elementor-element.elementor-element-55732c2:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-55732c2:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ebd57b3 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-35826ff */.elementor-542 .elementor-element.elementor-element-35826ff:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-35826ff:hover svg{
    
    fill: #fff !important;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-710e590 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0e6da4 */.elementor-542 .elementor-element.elementor-element-c0e6da4:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-c0e6da4:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e356c6 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cde60a8 */.elementor-542 .elementor-element.elementor-element-cde60a8:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cde60a8:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0afecb5 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f63842 */.elementor-542 .elementor-element.elementor-element-3f63842:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3f63842:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-20a59fc *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3ae5232 */.elementor-542 .elementor-element.elementor-element-3ae5232:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-3ae5232:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8978846 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a781b4d */.elementor-542 .elementor-element.elementor-element-a781b4d:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-a781b4d:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fafaf7e *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-308e4c3 */.elementor-542 .elementor-element.elementor-element-308e4c3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-308e4c3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9666e21 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b149455 */.elementor-542 .elementor-element.elementor-element-b149455:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-b149455:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ef3c1 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3d668a */.elementor-542 .elementor-element.elementor-element-e3d668a:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-e3d668a:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-eefc2de *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f4bc66 */.elementor-542 .elementor-element.elementor-element-6f4bc66:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-6f4bc66:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ac9135 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4170ac3 */.elementor-542 .elementor-element.elementor-element-4170ac3:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-4170ac3:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6e734f *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cc2f348 */.elementor-542 .elementor-element.elementor-element-cc2f348:hover .elementor-icon-box-description{
    
    color: #fff !important;
    
}


.elementor-542 .elementor-element.elementor-element-cc2f348:hover svg{
    
    fill: #fff;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ddef138 *//*
 * CSS for a continuous button pulse animation with a darker shadow.
 * Apply this CSS to your Elementor button widget.
 * No specific class is needed if applied directly to .elementor-button,
 * but consider adding a class for specificity if other buttons exist.
 */

.iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(48, 63, 86, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0);      /* Standard */
    }
}




.boxx:hover  .iconn .elementor-widget-container {
    /* Ensure button has its default styling from Elementor (background, padding, etc.) */
    position: relative; /* Useful if you later add more complex effects */
    /* Initial box-shadow with the darker primary color */
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.iconn:hover {
    /* Optional: Stop the animation on hover if desired */
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* Start with full opacity */
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); /* Expand and fade out */
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); /* Reset for infinite loop */
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); /* For Firefox */
        box-shadow: 0 0 0 0 rgba(48, 63, 86, 0.9);      /* Standard */
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(48, 63, 86, 0); /* For Firefox */
        box-shadow: 0 0 0 10px rgba(48, 63, 86, 0);      /* Standard */
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(48, 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-733b411 */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e0fd177 */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1fc85e */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-151717e */span {
    
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-65979ef */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 */