.elementor-17728 .elementor-element.elementor-element-1314155{--display:flex;--min-height:46px;--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17728 .elementor-element.elementor-element-924c94c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs{text-align:center;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li{margin-right:4px;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li:last-child{margin-right:0;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li span.ha-breadcrumbs-text{color:#888EA2;font-family:"Muli", Sans-serif;font-size:12px;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li span.ha-breadcrumbs-text:hover{color:#E2498A;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li.ha-breadcrumbs-separator span.ha-breadcrumbs-separator-icon{color:#909196;border-radius:0px 0px 0px 0px;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li.ha-breadcrumbs-separator span.ha-breadcrumbs-separator-text{color:#909196;border-radius:0px 0px 0px 0px;}.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li.ha-breadcrumbs-item.ha-breadcrumbs-end span.ha-breadcrumbs-text{color:#8C8C8C;}.elementor-17728 .elementor-element.elementor-element-6374110{--display:flex;--min-height:56px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17728 .elementor-element.elementor-element-2bf5ef3{text-align:center;}.elementor-17728 .elementor-element.elementor-element-2bf5ef3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-17728 .elementor-element.elementor-element-f89dd91{--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:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17728 .elementor-element.elementor-element-6da0d57{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-17728 .elementor-element.elementor-element-05bf539.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-05bf539{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-05bf539.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-05bf539.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-05bf539 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-05bf539:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-05bf539:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-05bf539 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-cf33432.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-cf33432{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-cf33432.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-cf33432.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-cf33432 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-cf33432:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-cf33432:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-cf33432 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-1fcd09b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-1fcd09b{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-1fcd09b.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-1fcd09b.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-1fcd09b .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-1fcd09b:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-1fcd09b:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-1fcd09b .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-bfc3d9e:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-bfc3d9e .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-40cf5cf.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-40cf5cf{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-40cf5cf.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-40cf5cf.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-40cf5cf .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-40cf5cf:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-40cf5cf:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-40cf5cf .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-8ca9079.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-8ca9079{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-8ca9079.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-8ca9079.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-8ca9079 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-8ca9079:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-8ca9079:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-8ca9079 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-b841bf8.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-b841bf8{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-b841bf8.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-b841bf8.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-b841bf8 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-b841bf8:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-b841bf8:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-b841bf8 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-f18a89e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-f18a89e{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-f18a89e.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-f18a89e.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-f18a89e .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-f18a89e:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-f18a89e:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-f18a89e .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-6f84035.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-6f84035{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-6f84035.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-6f84035.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-6f84035 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-6f84035:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-6f84035:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-6f84035 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-69c502e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-69c502e{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-69c502e.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-69c502e.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-69c502e .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-69c502e:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-69c502e:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-69c502e .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-2db8b0b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-2db8b0b{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-2db8b0b.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-2db8b0b.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-2db8b0b .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-2db8b0b:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-2db8b0b:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-2db8b0b .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-78e8617.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-78e8617{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-78e8617.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-78e8617.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-78e8617 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-78e8617:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-78e8617:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-78e8617 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-d6c7de6.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-d6c7de6{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-d6c7de6.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-d6c7de6.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-d6c7de6 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-d6c7de6:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-d6c7de6:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-d6c7de6 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-fe56e75.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-fe56e75{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-fe56e75.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-fe56e75.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-fe56e75 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-fe56e75:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-fe56e75:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-fe56e75 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-8dc95d1.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-8dc95d1{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-8dc95d1.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-8dc95d1.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-8dc95d1 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-8dc95d1:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-8dc95d1:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-8dc95d1 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-402304a.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-402304a{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-402304a.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-402304a.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-402304a .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-402304a:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-402304a:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-402304a .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-b30690b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-b30690b{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-b30690b.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-b30690b.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-b30690b .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-b30690b:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-b30690b:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-b30690b .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-c1f09a3.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-c1f09a3{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-c1f09a3.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-c1f09a3.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-c1f09a3 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-c1f09a3:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-c1f09a3:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-c1f09a3 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-7d0bb13.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-7d0bb13{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-7d0bb13.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-7d0bb13.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-7d0bb13 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-7d0bb13:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-7d0bb13:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-7d0bb13 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-a77dc3d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-a77dc3d{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-a77dc3d.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-a77dc3d.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-a77dc3d .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-a77dc3d:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-a77dc3d:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-a77dc3d .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-bcfd286.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-bcfd286{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-bcfd286.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-bcfd286.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-bcfd286 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-bcfd286:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-bcfd286:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-bcfd286 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-bd7efb5.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-bd7efb5{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-bd7efb5.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-bd7efb5.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-bd7efb5 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-bd7efb5:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-bd7efb5:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-bd7efb5 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17728 .elementor-element.elementor-element-6d147c4.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17728 .elementor-element.elementor-element-6d147c4{--icon-box-icon-margin:0px;}.elementor-17728 .elementor-element.elementor-element-6d147c4.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-6d147c4.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17728 .elementor-element.elementor-element-6d147c4 .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-6d147c4:has(:hover) .elementor-icon-box-title,
					 .elementor-17728 .elementor-element.elementor-element-6d147c4:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17728 .elementor-element.elementor-element-6d147c4 .elementor-icon-box-description{color:#7A7A7A;}body.elementor-page-17728:not(.elementor-motion-effects-element-type-background), body.elementor-page-17728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F8;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17728 .elementor-element.elementor-element-6374110{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17728 .elementor-element.elementor-element-6da0d57{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17728 .elementor-element.elementor-element-924c94c .ha-breadcrumbs li span.ha-breadcrumbs-text{font-size:14px;}.elementor-17728 .elementor-element.elementor-element-6374110{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-17728 .elementor-element.elementor-element-2bf5ef3 .elementor-heading-title{font-size:15px;}.elementor-17728 .elementor-element.elementor-element-6da0d57{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-17728 .elementor-element.elementor-element-1314155{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17728 .elementor-element.elementor-element-6374110{--content-width:97%;}}/* Start custom CSS for icon-box, class: .elementor-element-05bf539 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf33432 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1fcd09b *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bfc3d9e *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-40cf5cf *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8ca9079 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b841bf8 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f18a89e *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6f84035 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-69c502e *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2db8b0b *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-78e8617 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d6c7de6 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-fe56e75 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8dc95d1 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-402304a *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b30690b *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c1f09a3 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7d0bb13 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a77dc3d *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bcfd286 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bd7efb5 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6d147c4 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */