.elementor-11286 .elementor-element.elementor-element-a82f535{--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;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);overflow:visible;}.elementor-11286 .elementor-element.elementor-element-a82f535:not(.elementor-motion-effects-element-type-background), .elementor-11286 .elementor-element.elementor-element-a82f535 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-a82f535 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-3353e90{--display:flex;max-width:200px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-3353e90 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-b3f7a4c img{width:100%;}.elementor-11286 .elementor-element.elementor-element-0bb8632{--display:flex;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-0bb8632 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-menu-toggle{margin:0 auto;}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-menu-toggle{color:var( --e-global-color-zenix_headline );fill:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown{background-color:#FBFDFD;border-style:none;}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a:hover, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a:focus, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a.highlighted, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-menu-toggle:hover, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-menu-toggle:focus{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a:hover, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a:focus, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-zenix_body );}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-zenix_accent );background-color:var( --e-global-color-zenix_primary );}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown .elementor-item, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-ad6dbba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-ad6dbba .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-d9ece4a{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 30px 60px -26px rgba(0, 0, 0, 0.67);overflow:visible;}.elementor-11286 .elementor-element.elementor-element-d9ece4a:not(.elementor-motion-effects-element-type-background), .elementor-11286 .elementor-element.elementor-element-d9ece4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-11286 .elementor-element.elementor-element-d9ece4a .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-91afd0b{--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:1px;--margin-bottom:1px;--margin-left:1px;--margin-right:1px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-91afd0b .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb--image-box{text-align:left;flex-direction:column;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-zenix_neutral_2 );border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-c412de2 .thumb img{width:321px;}.elementor-11286 .elementor-element.elementor-element-c412de2 .title-wrap{flex-direction:column;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a{fill:#76B343;color:#76B343;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.wdb-btn-underline:after{background-color:#76B343;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.wdb-btn-mask:after{color:#76B343;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a:hover, .elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a:focus{color:#131211;fill:#131211;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.wdb-btn-underline:hover:after{background-color:#131211;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a:not(.wdb-btn-ellipse, .wdb-btn-circle, .wdb-btn-oval){border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.btn-parallal-border:after{border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-c412de2 .wdb__btn a.btn-rollover-cross:after{border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-49d51dc{--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:1px;--margin-bottom:1px;--margin-left:1px;--margin-right:1px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-49d51dc .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb--image-box{text-align:left;flex-direction:column;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-zenix_neutral_2 );border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-fc16ece .thumb img{width:321px;}.elementor-11286 .elementor-element.elementor-element-fc16ece .title-wrap{flex-direction:column;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a{fill:#76B343;color:#76B343;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.wdb-btn-underline:after{background-color:#76B343;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.wdb-btn-mask:after{color:#76B343;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a:hover, .elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a:focus{color:#131211;fill:#131211;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.wdb-btn-underline:hover:after{background-color:#131211;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a:not(.wdb-btn-ellipse, .wdb-btn-circle, .wdb-btn-oval){border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.btn-parallal-border:after{border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-fc16ece .wdb__btn a.btn-rollover-cross:after{border-radius:12px 12px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-47248f4{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 30px 60px -26px rgba(0, 0, 0, 0.67);overflow:visible;}.elementor-11286 .elementor-element.elementor-element-47248f4:not(.elementor-motion-effects-element-type-background), .elementor-11286 .elementor-element.elementor-element-47248f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-11286 .elementor-element.elementor-element-47248f4 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-99839de{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-99839de .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-2d2e336{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-2d2e336 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-2d7e514{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2d7e514.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-2d7e514:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-3d501c7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-3d501c7 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-2c8a1ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-2c8a1ab.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-e0d01c5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-e0d01c5 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-31ec270{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-31ec270.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-31ec270:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-2f25b1b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-2f25b1b .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-807c32f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-807c32f.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-807c32f:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-2a9f584{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-2a9f584 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-688a477{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-688a477.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-688a477:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-44a4f99{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-44a4f99 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-9ac6f57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9ac6f57.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-9ac6f57:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-336e98c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-336e98c .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-6b588aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6b588aa.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-6b588aa:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-2301659{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-2301659 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-516454d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-516454d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-516454d:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-8b088e0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-8b088e0 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-b06f78e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-b06f78e.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-b06f78e:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-d74605d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-d74605d .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-9a480d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-9a480d2.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-9a480d2:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-0cc43cd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-0cc43cd .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-d3b69cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d3b69cc.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-d3b69cc:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-fa2cd56{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-fa2cd56 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-bf803eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-bf803eb.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-bf803eb:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-9d4c864{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-9d4c864 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-6fe65b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6fe65b6.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-6fe65b6:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-b2b7144{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-b2b7144 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-d1145b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-d1145b9.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-d1145b9:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-791211c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-791211c .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-058ab74{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-058ab74.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-058ab74:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-2b3294c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-2b3294c .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-6feaaeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 12px 12px;}.elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:12px;}.elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-zenix_headline );transition-duration:0s;}.elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-framed .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-default .elementor-icon{fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-framed:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-default:has(:hover) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-framed:has(:focus) .elementor-icon, .elementor-11286 .elementor-element.elementor-element-6feaaeb.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-title a{font-size:22px;}.elementor-11286 .elementor-element.elementor-element-6feaaeb:has(:hover) .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-zenix_headline );}.elementor-11286 .elementor-element.elementor-element-3f80fc0{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;box-shadow:0px 30px 60px -26px rgba(0,0,0,0.5);--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-3f80fc0:not(.elementor-motion-effects-element-type-background), .elementor-11286 .elementor-element.elementor-element-3f80fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-11286 .elementor-element.elementor-element-3f80fc0 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-41a5191{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-41a5191 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-ed0a5c2{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-ed0a5c2 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-84a18aa{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-84a18aa .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-355162d{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-9fe1445 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-9fe1445{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-bc4818d{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-bc4818d .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-05db582{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-05db582 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-1b47c4a{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-1b47c4a .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-8e2bdb1{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-b159238 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-b159238{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-2eafd02{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-2eafd02 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-da650cd{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-da650cd .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-9cb15fa{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-9cb15fa .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-0b29385{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-5c7713d .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-5c7713d{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-66b75c3{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-66b75c3 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-48cc9f8{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-48cc9f8 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-e6b1960{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-e6b1960 .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-dfc0d0d{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-72c7a30 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-72c7a30{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-cf5177b{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-cf5177b .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-d200951{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-d200951 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-031f43f{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-031f43f .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-0a038a5{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-a7432eb .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-a7432eb{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-1547df3{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-1547df3 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-08ae9b4{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-08ae9b4 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-f17c7ff{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-f17c7ff .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-b7f2766{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-849f963 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-849f963{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-c8b97c8{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-c8b97c8 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-c80078f{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-c80078f .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-f67233f{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-f67233f .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-feeb4a6{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-3d30e39 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-3d30e39{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-3d83cc0{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;box-shadow:0px 30px 60px -26px rgba(0,0,0,0.5);--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-3d83cc0:not(.elementor-motion-effects-element-type-background), .elementor-11286 .elementor-element.elementor-element-3d83cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-11286 .elementor-element.elementor-element-3d83cc0 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-bccbcd7{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-bccbcd7 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-c719b48{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-c719b48 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-a9532ab{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-a9532ab .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-0a56c53{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-5ae1e9f .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-5ae1e9f{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-01ac32f{--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;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-01ac32f .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-6404802{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-zenix_neutral_3 );--border-color:var( --e-global-color-zenix_neutral_3 );--border-radius:12px 12px 12px 12px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-6404802 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-799b647{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11286 .elementor-element.elementor-element-799b647 .elementor-heading-title{font-size:26px;font-weight:700;text-transform:capitalize;}.elementor-11286 .elementor-element.elementor-element-a5f99d1{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;font-weight:500;}.elementor-11286 .elementor-element.elementor-element-6174da8 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-zenix_primary );color:var( --e-global-color-zenix_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-zenix_headline );border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-11286 .elementor-element.elementor-element-6174da8{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-63e9fc4{--display:flex;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-63e9fc4 .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-ac0f761{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-dropdown-indicator-size:18px;--n-menu-dropdown-indicator-space:0px;--n-menu-dropdown-indicator-color-hover:#76B343;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}:where( .elementor-11286 .elementor-element.elementor-element-ac0f761 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{background-color:#E40B0B;}.elementor-11286 .elementor-element.elementor-element-ac0f761 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-11286 .elementor-element.elementor-element-ac0f761 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-11286 .elementor-element.elementor-element-a75990c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-11286 .elementor-element.elementor-element-a75990c .wdb-image-hover{background-image:url( https://freedomsoft.com/wp-content/plugins/elementor/assets/images/placeholder.png );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:not(.wdb-btn-mask, .wdb-btn-ellipse), .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-mask:after, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-ellipse:before{background-color:var( --e-global-color-zenix_neutral_1 );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:not(.wdb-btn-mask, .btn-item, .btn-parallal-border, .btn-rollover-cross, .wdb-btn-ellipse):after, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-mask, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn .btn-hover-bgchange span, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn .btn-rollover-cross:hover, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn .btn-parallal-border:hover, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-ellipse:hover:before,.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-hover-none:hover{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-e1e665c.elementor-element{--align-self:flex-start;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a{font-size:14px;font-weight:600;fill:var( --e-global-color-zenix_secondary );color:var( --e-global-color-zenix_secondary );padding:14px 22px 14px 22px;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-underline:after{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-mask:after{color:var( --e-global-color-zenix_secondary );padding:14px 22px 14px 22px;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:hover, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:focus{color:var( --e-global-color-zenix_accent );fill:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-underline:hover:after{background-color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:hover, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:focus, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:hover.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:hover.btn-parallal-border:after, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:hover.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:hover.btn-rollover-cross:after, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-hover-none:hover{border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-parallal-border:after, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-rollover-cross:after{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-zenix_neutral_1 );}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a:not(.wdb-btn-ellipse, .wdb-btn-circle, .wdb-btn-oval){border-radius:10px 10px 10px 10px;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-parallal-border:after{border-radius:10px 10px 10px 10px;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.btn-rollover-cross:after{border-radius:10px 10px 10px 10px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:not(.wdb-btn-mask, .wdb-btn-ellipse), .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-mask:after, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-ellipse:before{background-color:var( --e-global-color-zenix_primary );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:not(.wdb-btn-mask, .btn-item, .btn-parallal-border, .btn-rollover-cross, .wdb-btn-ellipse):after, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-mask, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn .btn-hover-bgchange span, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn .btn-rollover-cross:hover, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn .btn-parallal-border:hover, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-ellipse:hover:before,.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-hover-none:hover{background-color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4.elementor-element{--align-self:flex-start;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a{font-size:14px;font-weight:600;fill:var( --e-global-color-zenix_accent );color:var( --e-global-color-zenix_accent );padding:14px 22px 14px 22px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-underline:after{background-color:var( --e-global-color-zenix_accent );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-mask:after{color:var( --e-global-color-zenix_accent );padding:14px 22px 14px 22px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:hover, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:focus{color:var( --e-global-color-zenix_secondary );fill:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-underline:hover:after{background-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:hover, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:focus, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:hover.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:hover.btn-parallal-border:after, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:hover.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:hover.btn-rollover-cross:after, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-hover-none:hover{border-color:var( --e-global-color-zenix_secondary );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-parallal-border:after, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-rollover-cross:after{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-zenix_primary );}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a:not(.wdb-btn-ellipse, .wdb-btn-circle, .wdb-btn-oval){border-radius:10px 10px 10px 10px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-parallal-border:before, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-parallal-border:after{border-radius:10px 10px 10px 10px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-rollover-cross:before, .elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.btn-rollover-cross:after{border-radius:10px 10px 10px 10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-11286 .elementor-element.elementor-element-b3f7a4c img{width:80%;max-width:100%;}.elementor-11286 .elementor-element.elementor-element-ad6dbba{--flex-direction:row-reverse;--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-reverse;--justify-content:flex-end;--align-items:flex-end;}.elementor-11286 .elementor-element.elementor-element-99839de{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-11286 .elementor-element.elementor-element-3353e90{--width:53%;}.elementor-11286 .elementor-element.elementor-element-ad6dbba{--width:85%;}.elementor-11286 .elementor-element.elementor-element-d9ece4a{--content-width:864px;}.elementor-11286 .elementor-element.elementor-element-91afd0b{--width:50%;}.elementor-11286 .elementor-element.elementor-element-49d51dc{--width:50%;}.elementor-11286 .elementor-element.elementor-element-47248f4{--content-width:100%;}.elementor-11286 .elementor-element.elementor-element-99839de{--width:92%;}.elementor-11286 .elementor-element.elementor-element-41a5191{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-bc4818d{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-2eafd02{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-66b75c3{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-cf5177b{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-1547df3{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-c8b97c8{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-bccbcd7{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-01ac32f{--width:33.3333%;}.elementor-11286 .elementor-element.elementor-element-a75990c{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11286 .elementor-element.elementor-element-3353e90{--width:30%;}.elementor-11286 .elementor-element.elementor-element-a75990c{--width:100%;}}@media(max-width:767px){.elementor-11286 .elementor-element.elementor-element-a82f535{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11286 .elementor-element.elementor-element-a82f535.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-11286 .elementor-element.elementor-element-3353e90{--width:45%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11286 .elementor-element.elementor-element-b3f7a4c img{width:95%;max-width:100%;}.elementor-11286 .elementor-element.elementor-element-0bb8632{--width:50%;max-width:129px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown .elementor-item, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown .elementor-sub-item{font-size:20px;}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;}.elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11286 .elementor-element.elementor-element-4daa87a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-11286 .elementor-element.elementor-element-ad6dbba{--width:100%;--flex-direction:row-reverse;--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-reverse;--justify-content:flex-start;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-11286 .elementor-element.elementor-element-99839de{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-description{font-size:16px;line-height:1.5em;}.elementor-11286 .elementor-element.elementor-element-a75990c{--width:100%;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:6px 6px;--row-gap:6px;--column-gap:6px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11286 .elementor-element.elementor-element-a75990c.e-con{--align-self:flex-end;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a{font-size:14px;padding:14px 18px 14px 18px;}.elementor-11286 .elementor-element.elementor-element-e1e665c .wdb__btn a.wdb-btn-mask:after{padding:14px 18px 14px 18px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a{font-size:14px;padding:14px 18px 14px 18px;}.elementor-11286 .elementor-element.elementor-element-5cfb0c4 .wdb__btn a.wdb-btn-mask:after{padding:14px 18px 14px 18px;}}/* Start custom CSS for icon-box, class: .elementor-element-2d7e514 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2d7e514 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c8a1ab *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-31ec270 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-31ec270 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-807c32f *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-807c32f { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-688a477 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-688a477 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-688a477:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9ac6f57 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b588aa *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6b588aa { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-516454d *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-516454d { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-516454d:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b06f78e *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-b06f78e { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9a480d2 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9a480d2 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d3b69cc *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d3b69cc { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf803eb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-bf803eb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6fe65b6 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d1145b9 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d1145b9 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-058ab74 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-058ab74 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6feaaeb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6feaaeb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed0a5c2 */.elementor-11286 .elementor-element.elementor-element-ed0a5c2 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05db582 */.elementor-11286 .elementor-element.elementor-element-05db582 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da650cd */.elementor-11286 .elementor-element.elementor-element-da650cd { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48cc9f8 */.elementor-11286 .elementor-element.elementor-element-48cc9f8 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d200951 */.elementor-11286 .elementor-element.elementor-element-d200951 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08ae9b4 */.elementor-11286 .elementor-element.elementor-element-08ae9b4 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c80078f */.elementor-11286 .elementor-element.elementor-element-c80078f { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c719b48 */.elementor-11286 .elementor-element.elementor-element-c719b48 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6404802 */.elementor-11286 .elementor-element.elementor-element-6404802 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2d7e514 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2d7e514 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c8a1ab *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-31ec270 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-31ec270 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-807c32f *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-807c32f { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-688a477 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-688a477 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-688a477:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9ac6f57 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b588aa *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6b588aa { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-516454d *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-516454d { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-516454d:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b06f78e *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-b06f78e { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9a480d2 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9a480d2 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d3b69cc *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d3b69cc { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf803eb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-bf803eb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6fe65b6 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d1145b9 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d1145b9 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-058ab74 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-058ab74 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6feaaeb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6feaaeb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed0a5c2 */.elementor-11286 .elementor-element.elementor-element-ed0a5c2 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05db582 */.elementor-11286 .elementor-element.elementor-element-05db582 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da650cd */.elementor-11286 .elementor-element.elementor-element-da650cd { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48cc9f8 */.elementor-11286 .elementor-element.elementor-element-48cc9f8 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d200951 */.elementor-11286 .elementor-element.elementor-element-d200951 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08ae9b4 */.elementor-11286 .elementor-element.elementor-element-08ae9b4 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c80078f */.elementor-11286 .elementor-element.elementor-element-c80078f { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c719b48 */.elementor-11286 .elementor-element.elementor-element-c719b48 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6404802 */.elementor-11286 .elementor-element.elementor-element-6404802 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2d7e514 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2d7e514 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c8a1ab *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-31ec270 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-31ec270 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-807c32f *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-807c32f { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-688a477 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-688a477 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-688a477:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9ac6f57 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b588aa *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6b588aa { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-516454d *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-516454d { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-516454d:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b06f78e *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-b06f78e { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9a480d2 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9a480d2 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d3b69cc *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d3b69cc { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf803eb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-bf803eb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6fe65b6 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d1145b9 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d1145b9 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-058ab74 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-058ab74 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6feaaeb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6feaaeb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed0a5c2 */.elementor-11286 .elementor-element.elementor-element-ed0a5c2 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05db582 */.elementor-11286 .elementor-element.elementor-element-05db582 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da650cd */.elementor-11286 .elementor-element.elementor-element-da650cd { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48cc9f8 */.elementor-11286 .elementor-element.elementor-element-48cc9f8 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d200951 */.elementor-11286 .elementor-element.elementor-element-d200951 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08ae9b4 */.elementor-11286 .elementor-element.elementor-element-08ae9b4 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c80078f */.elementor-11286 .elementor-element.elementor-element-c80078f { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c719b48 */.elementor-11286 .elementor-element.elementor-element-c719b48 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6404802 */.elementor-11286 .elementor-element.elementor-element-6404802 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2d7e514 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2d7e514 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c8a1ab *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-31ec270 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-31ec270 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-807c32f *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-807c32f { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-688a477 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-688a477 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-688a477:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9ac6f57 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b588aa *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6b588aa { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-516454d *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-516454d { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-516454d:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b06f78e *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-b06f78e { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9a480d2 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9a480d2 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d3b69cc *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d3b69cc { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf803eb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-bf803eb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6fe65b6 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d1145b9 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d1145b9 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-058ab74 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-058ab74 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6feaaeb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6feaaeb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed0a5c2 */.elementor-11286 .elementor-element.elementor-element-ed0a5c2 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05db582 */.elementor-11286 .elementor-element.elementor-element-05db582 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da650cd */.elementor-11286 .elementor-element.elementor-element-da650cd { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48cc9f8 */.elementor-11286 .elementor-element.elementor-element-48cc9f8 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d200951 */.elementor-11286 .elementor-element.elementor-element-d200951 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08ae9b4 */.elementor-11286 .elementor-element.elementor-element-08ae9b4 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c80078f */.elementor-11286 .elementor-element.elementor-element-c80078f { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c719b48 */.elementor-11286 .elementor-element.elementor-element-c719b48 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6404802 */.elementor-11286 .elementor-element.elementor-element-6404802 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2d7e514 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2d7e514 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c8a1ab *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-31ec270 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-31ec270 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-807c32f *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-807c32f { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-688a477 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-688a477 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-688a477:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9ac6f57 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b588aa *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6b588aa { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-516454d *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-516454d { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-516454d:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b06f78e *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-b06f78e { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9a480d2 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9a480d2 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d3b69cc *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d3b69cc { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf803eb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-bf803eb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6fe65b6 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d1145b9 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d1145b9 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-058ab74 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-058ab74 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6feaaeb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6feaaeb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed0a5c2 */.elementor-11286 .elementor-element.elementor-element-ed0a5c2 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05db582 */.elementor-11286 .elementor-element.elementor-element-05db582 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da650cd */.elementor-11286 .elementor-element.elementor-element-da650cd { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48cc9f8 */.elementor-11286 .elementor-element.elementor-element-48cc9f8 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d200951 */.elementor-11286 .elementor-element.elementor-element-d200951 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08ae9b4 */.elementor-11286 .elementor-element.elementor-element-08ae9b4 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c80078f */.elementor-11286 .elementor-element.elementor-element-c80078f { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c719b48 */.elementor-11286 .elementor-element.elementor-element-c719b48 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6404802 */.elementor-11286 .elementor-element.elementor-element-6404802 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2d7e514 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2d7e514 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2d7e514 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2d7e514:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c8a1ab *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-2c8a1ab:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-31ec270 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-31ec270 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-31ec270 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-31ec270:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-807c32f *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-807c32f .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-807c32f { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-807c32f:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-688a477 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-688a477 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-688a477 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-688a477:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-688a477:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9ac6f57 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9ac6f57 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9ac6f57:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6b588aa *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6b588aa .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6b588aa { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6b588aa:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-516454d *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-516454d .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-516454d { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-516454d:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-516454d:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b06f78e *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-b06f78e .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-b06f78e { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-b06f78e:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9a480d2 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-9a480d2 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-9a480d2 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-9a480d2:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d3b69cc *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d3b69cc .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d3b69cc { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d3b69cc:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf803eb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-bf803eb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-bf803eb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-bf803eb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6fe65b6 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6fe65b6 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6fe65b6:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d1145b9 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-d1145b9 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-d1145b9 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-d1145b9:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-058ab74 *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-058ab74 .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-058ab74 { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-058ab74:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6feaaeb *//* 🎯 Adjust ONLY the vertical spacing of the icon */ .elementor-11286 .elementor-element.elementor-element-6feaaeb .elementor-icon-box-icon { margin-top: 4px; /* adjust top spacing */ margin-bottom: 10px; /* adjust bottom spacing */ } /* +++++======++++++======++++++++=======+++++++++=========++++++++========++++++++==========++++++ */ /* Make the whole icon box behave like a hoverable card */ .elementor-11286 .elementor-element.elementor-element-6feaaeb { transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; background-color: #fcfcfc; /* default background */ border-radius: 12px; /* optional rounded corners */ /* no padding set here — Elementor controls it */ } /* Hover state — only change background + unify color if needed */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover { background-color: #333333; /* hover background color */ transform: translateY(-2px); /* subtle "lift" effect */ box-shadow: 0 6px 12px rgba(0,0,0,0.12); } /* Only apply hover color changes to children (don't force default color) */ .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-title, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon-box-description, .elementor-11286 .elementor-element.elementor-element-6feaaeb:hover .elementor-icon { color: #ffffff; /* force white on hover — remove this line if you want Elementor hover color to control it */ fill: currentColor; stroke: currentColor; } /* ⛔ Removed: title/description margin overrides so Elementor "Title Bottom Spacing" and typography controls work again. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed0a5c2 */.elementor-11286 .elementor-element.elementor-element-ed0a5c2 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05db582 */.elementor-11286 .elementor-element.elementor-element-05db582 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da650cd */.elementor-11286 .elementor-element.elementor-element-da650cd { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48cc9f8 */.elementor-11286 .elementor-element.elementor-element-48cc9f8 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d200951 */.elementor-11286 .elementor-element.elementor-element-d200951 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08ae9b4 */.elementor-11286 .elementor-element.elementor-element-08ae9b4 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c80078f */.elementor-11286 .elementor-element.elementor-element-c80078f { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c719b48 */.elementor-11286 .elementor-element.elementor-element-c719b48 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6404802 */.elementor-11286 .elementor-element.elementor-element-6404802 { height: 100%; display: flex; flex-direction: column; }/* End custom CSS */