.elementor-3799 .elementor-element.elementor-element-1997ff61{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3799 .elementor-element.elementor-element-56fdf42c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-40059563{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-4623313f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-4623313f:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-4623313f, .elementor-3799 .elementor-element.elementor-element-4623313f::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-44768493{text-align:right;}.elementor-3799 .elementor-element.elementor-element-44768493 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-3783075b{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:right;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-50371012{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-54b9f997 > .elementor-widget-container{padding:0px 0px 28px 0px;}.elementor-3799 .elementor-element.elementor-element-54b9f997.elementor-element{--align-self:flex-start;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon-wrapper{text-align:left;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon{font-size:123px;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon svg{height:123px;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-53d6ce60{text-align:right;}.elementor-3799 .elementor-element.elementor-element-53d6ce60 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-666b9201 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-666b9201:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-64de0779{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-64de0779:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-64de0779, .elementor-3799 .elementor-element.elementor-element-64de0779::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-5f68170c img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-5f68170c:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-4e84f3b7{text-align:right;}.elementor-3799 .elementor-element.elementor-element-4e84f3b7 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-380f7f66{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:left;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-27cf4f2e{--display:flex;--min-height:140px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-6d14306e > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-70d3ec5d.elementor-element{--align-self:center;}.elementor-3799 .elementor-element.elementor-element-70d3ec5d{text-align:center;}.elementor-3799 .elementor-element.elementor-element-70d3ec5d .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-3f0f35a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-135358e3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-135358e3:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-135358e3, .elementor-3799 .elementor-element.elementor-element-135358e3::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-58b65fac > .elementor-widget-container{margin:0px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-58b65fac{text-align:left;}.elementor-3799 .elementor-element.elementor-element-58b65fac .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-c237902{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:left;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-c237902 > .elementor-widget-container{margin:0px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-73e733f8{--display:flex;--min-height:80px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-3b6ef7c > .elementor-widget-container{margin:5px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-140375d9 > .elementor-widget-container{margin:0px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-140375d9{text-align:right;}.elementor-3799 .elementor-element.elementor-element-140375d9 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-68f23100 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-68f23100:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-766b3a6f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-766b3a6f:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-766b3a6f, .elementor-3799 .elementor-element.elementor-element-766b3a6f::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-c90ab2a img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-c90ab2a:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-18ae74bb{text-align:right;}.elementor-3799 .elementor-element.elementor-element-18ae74bb .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-5529711b{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:left;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-5bc961fe{--display:flex;--min-height:80px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-1c3e664f > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-18fc32a4.elementor-element{--align-self:center;}.elementor-3799 .elementor-element.elementor-element-18fc32a4{text-align:center;}.elementor-3799 .elementor-element.elementor-element-18fc32a4 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-184aea0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-136f418{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-136f418:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-136f418, .elementor-3799 .elementor-element.elementor-element-136f418::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-c0ba739{text-align:right;}.elementor-3799 .elementor-element.elementor-element-c0ba739 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-83e6e0a{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:right;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-5b31263{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa > .elementor-widget-container{padding:0px 0px 28px 0px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa.elementor-element{--align-self:flex-start;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon-wrapper{text-align:left;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon{font-size:123px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon svg{height:123px;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-2de1eff > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-c0494ec{text-align:right;}.elementor-3799 .elementor-element.elementor-element-c0494ec .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;text-transform:uppercase;color:#595959;}.elementor-3799 .elementor-element.elementor-element-6180191 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-6180191:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-88d0e85{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-88d0e85:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-88d0e85, .elementor-3799 .elementor-element.elementor-element-88d0e85::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-50d1897 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-50d1897:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-874b12b{text-align:right;}.elementor-3799 .elementor-element.elementor-element-874b12b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-5773490{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:left;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-1ed0d19{--display:flex;--min-height:140px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-bd802fe > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-3418672.elementor-element{--align-self:center;}.elementor-3799 .elementor-element.elementor-element-3418672{text-align:center;}.elementor-3799 .elementor-element.elementor-element-3418672 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;text-transform:uppercase;color:#595959;}.elementor-3799 .elementor-element.elementor-element-c367f2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-bd66d16{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-bd66d16:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-bd66d16, .elementor-3799 .elementor-element.elementor-element-bd66d16::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-8c266be > .elementor-widget-container{margin:0px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-8c266be{text-align:left;}.elementor-3799 .elementor-element.elementor-element-8c266be .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-2d42b83{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:left;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-2d42b83 > .elementor-widget-container{margin:0px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-889b205{--display:flex;--min-height:80px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-d618fee > .elementor-widget-container{margin:5px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-ea8b096 > .elementor-widget-container{margin:0px 0px 0px 80px;}.elementor-3799 .elementor-element.elementor-element-ea8b096{text-align:right;}.elementor-3799 .elementor-element.elementor-element-ea8b096 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-b990fb0 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-b990fb0:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-1fdd1e9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-47eea86e );--border-color:var( --e-global-color-47eea86e );--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-1fdd1e9:hover{border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-21f8c9b7 );--border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-1fdd1e9, .elementor-3799 .elementor-element.elementor-element-1fdd1e9::before{--border-transition:0.3s;}.elementor-3799 .elementor-element.elementor-element-9518ae6 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-3799 .elementor-element.elementor-element-9518ae6:hover img{filter:brightness( 63% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3799 .elementor-element.elementor-element-658453d{text-align:right;}.elementor-3799 .elementor-element.elementor-element-658453d .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-82a8cae{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;text-align:left;color:#595959;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-3799 .elementor-element.elementor-element-3f59f9b{--display:flex;--min-height:80px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button{background-color:var( --e-global-color-6cb047a );font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button:hover, .elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button:focus{background-color:var( --e-global-color-21f8c9b7 );color:var( --e-global-color-47eea86e );border-color:var( --e-global-color-21f8c9b7 );}.elementor-3799 .elementor-element.elementor-element-9092665 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button:hover svg, .elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button:focus svg{fill:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-c0fb16d.elementor-element{--align-self:center;}.elementor-3799 .elementor-element.elementor-element-c0fb16d{text-align:center;}.elementor-3799 .elementor-element.elementor-element-c0fb16d .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:500;color:#595959;}.elementor-3799 .elementor-element.elementor-element-36b96c8b{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:100%;--e-n-carousel-arrow-prev-translate-x:-100%;--e-n-carousel-arrow-prev-left-position:-100px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-30px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:40px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-30px;--e-n-carousel-arrow-normal-color:var( --e-global-color-secondary );--e-n-carousel-arrow-hover-color:var( --e-global-color-52235058 );}.elementor-3799 .elementor-element.elementor-element-3995489c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-521168b8{width:var( --container-widget-width, 465px );max-width:465px;--container-widget-width:465px;--container-widget-flex-grow:0;top:23px;}body:not(.rtl) .elementor-3799 .elementor-element.elementor-element-521168b8{left:115px;}body.rtl .elementor-3799 .elementor-element.elementor-element-521168b8{right:115px;}.elementor-3799 .elementor-element.elementor-element-521168b8 img{width:100%;max-width:100%;}.elementor-3799 .elementor-element.elementor-element-717721af{text-align:left;}.elementor-3799 .elementor-element.elementor-element-717721af .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:180px;font-weight:600;line-height:180px;word-spacing:16px;color:#595959;}.elementor-3799 .elementor-element.elementor-element-51535e36{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3799 .elementor-element.elementor-element-5ae15ab4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3799 .elementor-element.elementor-element-45affb7f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:4px;z-index:2;}.elementor-3799 .elementor-element.elementor-element-45affb7f .elementor-divider-separator{width:100%;}.elementor-3799 .elementor-element.elementor-element-45affb7f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 > .elementor-widget-container{--e-transform-rotateZ:-90deg;margin:2px 0px 0px -30px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3{z-index:1;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon-wrapper{text-align:center;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon{font-size:50px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon svg{height:50px;}.elementor-3799 .elementor-element.elementor-element-7680e68e > .elementor-widget-container{background-color:#E4E4E4;padding:0px 7px 0px 7px;border-radius:7px 7px 7px 7px;}.elementor-3799 .elementor-element.elementor-element-7680e68e:hover .elementor-widget-container{background-color:var( --e-global-color-secondary );}.elementor-3799 .elementor-element.elementor-element-7680e68e{text-align:center;}.elementor-3799 .elementor-element.elementor-element-7680e68e .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:70px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-3799 .elementor-element.elementor-element-7680e68e .elementor-heading-title:hover{color:var( --e-global-color-47eea86e );}.elementor-3799 .elementor-element.elementor-element-611e42f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3799 .elementor-element.elementor-element-530fb323 > .elementor-widget-container{margin:0px 5px 10px 0px;}.elementor-3799 .elementor-element.elementor-element-530fb323 .elementor-icon-wrapper{text-align:center;}.elementor-3799 .elementor-element.elementor-element-530fb323 .elementor-icon{font-size:23px;}.elementor-3799 .elementor-element.elementor-element-530fb323 .elementor-icon svg{height:23px;}.elementor-3799 .elementor-element.elementor-element-2f70435{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;color:#000000;font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:500;font-style:italic;}@media(min-width:768px){.elementor-3799 .elementor-element.elementor-element-1997ff61{--content-width:1480px;}.elementor-3799 .elementor-element.elementor-element-56fdf42c{--width:55%;}.elementor-3799 .elementor-element.elementor-element-4623313f{--width:50%;}.elementor-3799 .elementor-element.elementor-element-64de0779{--width:50%;}.elementor-3799 .elementor-element.elementor-element-135358e3{--width:50%;}.elementor-3799 .elementor-element.elementor-element-766b3a6f{--width:50%;}.elementor-3799 .elementor-element.elementor-element-136f418{--width:50%;}.elementor-3799 .elementor-element.elementor-element-88d0e85{--width:50%;}.elementor-3799 .elementor-element.elementor-element-bd66d16{--width:50%;}.elementor-3799 .elementor-element.elementor-element-1fdd1e9{--width:50%;}.elementor-3799 .elementor-element.elementor-element-3995489c{--width:45%;}.elementor-3799 .elementor-element.elementor-element-5ae15ab4{--width:150px;}}@media(max-width:1366px) and (min-width:768px){.elementor-3799 .elementor-element.elementor-element-5ae15ab4{--width:120px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3799 .elementor-element.elementor-element-5ae15ab4{--width:100px;}}@media(max-width:1366px){.elementor-3799 .elementor-element.elementor-element-1997ff61{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon{font-size:80px;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon svg{height:80px;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-53d6ce60 .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-27cf4f2e{--min-height:90px;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-70d3ec5d .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-140375d9{text-align:left;}.elementor-3799 .elementor-element.elementor-element-140375d9 .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-18fc32a4 .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon{font-size:80px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon svg{height:80px;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-c0494ec .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-1ed0d19{--min-height:90px;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-3418672 .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-ea8b096{text-align:left;}.elementor-3799 .elementor-element.elementor-element-ea8b096 .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button{font-size:15px;}.elementor-3799 .elementor-element.elementor-element-c0fb16d .elementor-heading-title{font-size:25px;}.elementor-3799 .elementor-element.elementor-element-36b96c8b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3799 .elementor-element.elementor-element-521168b8{width:var( --container-widget-width, 295px );max-width:295px;--container-widget-width:295px;--container-widget-flex-grow:0;top:22px;}body:not(.rtl) .elementor-3799 .elementor-element.elementor-element-521168b8{left:80px;}body.rtl .elementor-3799 .elementor-element.elementor-element-521168b8{right:80px;}.elementor-3799 .elementor-element.elementor-element-521168b8 img{width:100%;max-width:100%;}.elementor-3799 .elementor-element.elementor-element-717721af .elementor-heading-title{font-size:140px;line-height:140px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon{font-size:44px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon svg{height:44px;}.elementor-3799 .elementor-element.elementor-element-7680e68e{text-align:left;}.elementor-3799 .elementor-element.elementor-element-7680e68e .elementor-heading-title{font-size:44px;}.elementor-3799 .elementor-element.elementor-element-2f70435{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:20px;}}@media(max-width:1024px){.elementor-3799 .elementor-element.elementor-element-1997ff61{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-4623313f{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-3783075b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-64de0779{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-380f7f66{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-135358e3{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-58b65fac > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-c237902 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-c237902{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-140375d9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-766b3a6f{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-5529711b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-136f418{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-83e6e0a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-88d0e85{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-5773490{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-bd66d16{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-8c266be > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-2d42b83 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-2d42b83{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-d618fee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-ea8b096 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-1fdd1e9{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3799 .elementor-element.elementor-element-82a8cae{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button{font-size:14px;}.elementor-3799 .elementor-element.elementor-element-36b96c8b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3799 .elementor-element.elementor-element-3995489c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3799 .elementor-element.elementor-element-521168b8{--container-widget-width:225px;--container-widget-flex-grow:0;width:var( --container-widget-width, 225px );max-width:225px;top:35px;}.elementor-3799 .elementor-element.elementor-element-717721af .elementor-heading-title{font-size:120px;line-height:120px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 > .elementor-widget-container{margin:2px 0px 0px -25px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon{font-size:40px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon svg{height:40px;}.elementor-3799 .elementor-element.elementor-element-7680e68e .elementor-heading-title{font-size:40px;}.elementor-3799 .elementor-element.elementor-element-2f70435{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:18px;}}@media(max-width:767px){.elementor-3799 .elementor-element.elementor-element-1997ff61{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon{font-size:50px;}.elementor-3799 .elementor-element.elementor-element-54b9f997 .elementor-icon svg{height:50px;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-2b26d1a0 .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-6d14306e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-6d14306e .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-3b6ef7c .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-1c3e664f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-1c3e664f .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon{font-size:50px;}.elementor-3799 .elementor-element.elementor-element-8dbf1aa .elementor-icon svg{height:50px;}.elementor-3799 .elementor-element.elementor-element-2de1eff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-2de1eff .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-bd802fe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-bd802fe .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-d618fee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-d618fee .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-9092665 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3799 .elementor-element.elementor-element-9092665 .elementor-button{font-size:13px;}.elementor-3799 .elementor-element.elementor-element-36b96c8b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-3799 .elementor-element.elementor-element-3995489c{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-3799 .elementor-element.elementor-element-717721af .elementor-heading-title{font-size:80px;line-height:80px;}.elementor-3799 .elementor-element.elementor-element-5ae15ab4{--width:100px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 > .elementor-widget-container{margin:2px 0px 0px -20px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon{font-size:34px;}.elementor-3799 .elementor-element.elementor-element-182e9ae3 .elementor-icon svg{height:34px;}.elementor-3799 .elementor-element.elementor-element-7680e68e .elementor-heading-title{font-size:30px;}.elementor-3799 .elementor-element.elementor-element-2f70435{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;font-size:16px;}}/* Start custom CSS for icon, class: .elementor-element-54b9f997 *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4623313f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64de0779 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-135358e3 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-766b3a6f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8dbf1aa *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-136f418 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d0e85 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd66d16 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fdd1e9 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-54b9f997 *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4623313f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64de0779 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-135358e3 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-766b3a6f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8dbf1aa *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-136f418 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d0e85 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd66d16 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fdd1e9 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-54b9f997 *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4623313f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64de0779 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-135358e3 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-766b3a6f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8dbf1aa *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-136f418 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d0e85 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd66d16 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fdd1e9 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-54b9f997 *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4623313f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64de0779 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-135358e3 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-766b3a6f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8dbf1aa *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-136f418 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d0e85 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd66d16 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fdd1e9 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-54b9f997 *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4623313f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64de0779 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-135358e3 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-766b3a6f *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-8dbf1aa *//* --- EFEITO DE ZOOM OUT PARA O ÍCONE DE SETA --- */

/* Aplica a classe ao elemento correto do ícone no Elementor */
.seta-efeito-zoom .elementor-icon {
    /* Adiciona uma transição suave para a propriedade transform (escala) */
    transition: transform 0.3s ease-in-out;
}

/* Define o efeito de diminuir (zoom out) quando o mouse passa sobre o ícone */
.seta-efeito-zoom:hover .elementor-icon {
    /* Diminui o ícone para 85% do seu tamanho original */
    transform: scale(0.55); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-136f418 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d0e85 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd66d16 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fdd1e9 *//* --- EFEITO DE HOVER PARA SEÇÃO PERSONALIZADA --- */

/* Adiciona transições suaves aos elementos de texto para a mudança de cor */
.secao-hover-personalizada .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada .elementor-widget-text-editor p {
    transition: color 0.4s ease-in-out;
}

/* Define a coluna da imagem como um container posicionado */
.secao-hover-personalizada .coluna-com-imagem {
    position: relative;
    transition: transform 0.4s ease; /* Opcional: para um leve zoom na imagem */
}

/* Cria a camada de escurecimento (overlay) sobre a imagem */
.secao-hover-personalizada .coluna-com-imagem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Começa transparente */
    transition: background-color 0.4s ease-in-out;
    z-index: 1; /* Garante que a camada fique sobre a imagem */
}

/* Cria o espaço para o ícone que aparecerá no hover */
.secao-hover-personalizada .coluna-com-imagem::after {
    content: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1638/eye.svg'); /* <-- SUBSTITvUA PELA URL DO SEU ÍCONE */
    position: absolute;
    top: 25px;   /* Distância do topo */
    right: 25px; /* Distância da direita */
    width: 45px; /* Largura do ícone */
    height: 45px;/* Altura do ícone */
    z-index: 2;  /* Garante que o ícone fique sobre a camada de escurecimento */
    opacity: 0;  /* Começa invisível */
    transform: scale(0.9); /* Efeito de escala para aparecer suavemente */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}


/* --- A MÁGICA ACONTECE AQUI: EFEITOS QUANDO O MOUSE PASSA NA SEÇÃO --- */

/* 1. Muda a cor do título e do texto para preto */
.secao-hover-personalizada:hover .elementor-widget-heading .elementor-heading-title,
.secao-hover-personalizada:hover .elementor-widget-text-editor p {
    color: #000000 !important;
}

/* 2. Escurece a imagem ativando a camada de overlay */
.secao-hover-personalizada:hover .coluna-com-imagem::before {
    background-color: rgba(0, 0, 0, 0.35); /* Cor preta com 35% de opacidade */
}

/* 3. Faz o ícone aparecer */
.secao-hover-personalizada:hover .coluna-com-imagem::after {
    opacity: 1; /* Torna o ícone visível */
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-182e9ae3 */.elementor-3799 .elementor-element.elementor-element-182e9ae3 svg path{
    fill: #000000;
}/* End custom CSS */
/* Start custom CSS for javascript, class: .elementor-element-56bbbeb9 */.elementor-3799 .elementor-element.elementor-element-56bbbeb9{
    width: 0px;
    height: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ae15ab4 */.divider-animationc{
	animation: clinegrowsepani 1.5s ease-out;
	width: 150px;
}

@keyframes clinegrowsepani {
  from {width: 0px;}
  to {width: 150px;}
}
@keyframes clinegrowsepanib {
  from {width: 0px;}
  to {width: 120px;}
}
@keyframes clinegrowsepanic {
  from {width: 0px;}
  to {width: 100px;}
}
@keyframes clinegrowsepanid {
  from {width: 0px;}
  to {width: 70px;}
}


@media screen and (max-width: 1366px) {
.divider-animationc{
	animation: clinegrowsepanib 1.5s ease-out;
	width: 120px;
}
}
@media screen and (max-width: 1024px) {
  .divider-animationc{
	animation: clinegrowsepanic 1.5s ease-out;
	width: 100px;
}
}
@media screen and (max-width: 767px) {
  .divider-animationc{
	animation: clinegrowsepanid 1.5s ease-out;
	width: 70px;
}
}/* End custom CSS */