.elementor-9 .elementor-element.elementor-element-2b6d565{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.65;--padding-top:200px;--padding-bottom:180px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-2b6d565:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2b6d565 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010B13;}.elementor-9 .elementor-element.elementor-element-2b6d565::before, .elementor-9 .elementor-element.elementor-element-2b6d565 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-2b6d565 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-2b6d565 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-2b6d565 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-2b6d565 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #002341 0%, #00030547 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-7db6e84{width:var( --container-widget-width, 12.607% );max-width:12.607%;margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:12.607%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-7db6e84.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-a804ab4{--display:flex;}.elementor-9 .elementor-element.elementor-element-a804ab4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-0534281{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-0534281.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-0534281 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:100px;font-weight:500;letter-spacing:-5px;text-shadow:0px 0px 0px rgba(0, 0, 0, 0);color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-7642e35{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-7642e35 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:65px;font-weight:600;letter-spacing:-1.5px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0);color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-a04dd14{--display:flex;}.elementor-9 .elementor-element.elementor-element-6512fb6{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:90px;--padding-bottom:90px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-6512fb6:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6512fb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/Sem-Titulo-7-1.png");}.elementor-9 .elementor-element.elementor-element-ae22340{background-color:#FFFFFF1A;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:6px 10px 6px 10px;border-radius:4px 4px 4px 4px;}.elementor-9 .elementor-element.elementor-element-ae22340.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-ae22340 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-d94c1e0{width:var( --container-widget-width, 99.999% );max-width:99.999%;--container-widget-width:99.999%;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-d94c1e0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-d94c1e0 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:57px;font-weight:600;letter-spacing:-2.9px;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-4dd039d{--e-image-carousel-slides-to-show:4;}.elementor-9 .elementor-element.elementor-element-4dd039d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b7323fc{width:var( --container-widget-width, 978px );max-width:978px;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:978px;--container-widget-flex-grow:0;text-align:center;font-family:"General Sans", Sans-serif;font-size:25px;font-weight:200;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-b7323fc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-b7323fc p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-2c9ad51{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-2c9ad51:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2c9ad51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}.elementor-9 .elementor-element.elementor-element-f37822a{--display:flex;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-934d9e4{width:var( --container-widget-width, 84.149% );max-width:84.149%;margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;--container-widget-width:84.149%;--container-widget-flex-grow:0;text-align:start;}.elementor-9 .elementor-element.elementor-element-934d9e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-934d9e4 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:57px;font-weight:600;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-fc812df img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-c8bde8a{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-d5f74a5 .elementor-button{background-color:#2BC35C;font-family:"General Sans", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:200px 200px 200px 200px;padding:1.3em 2em 1.25em 2em;}.elementor-9 .elementor-element.elementor-element-d5f74a5.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-d5f74a5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-d5f74a5 .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-9 .elementor-element.elementor-element-73743a3{--display:flex;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-13371ed{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#363636;--border-color:#363636;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-13371ed:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-13371ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-73fdeba .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-73fdeba.elementor-view-stacked .elementor-icon{background-color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-73fdeba.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-73fdeba.elementor-view-default .elementor-icon{color:#2bc35c;border-color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-73fdeba.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-73fdeba.elementor-view-default .elementor-icon svg{fill:#2bc35c;}.elementor-9 .elementor-element.elementor-element-73fdeba .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-73fdeba .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-062ceab .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:600;color:#2BC35C;}.elementor-9 .elementor-element.elementor-element-8328662{width:var( --container-widget-width, 93.318% );max-width:93.318%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;--container-widget-width:93.318%;--container-widget-flex-grow:0;text-align:start;font-family:"General Sans", Sans-serif;font-size:20px;font-weight:200;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-8328662.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-857980f{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#363636;--border-color:#363636;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-857980f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-857980f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-9 .elementor-element.elementor-element-51064c9 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-51064c9.elementor-view-stacked .elementor-icon{background-color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-51064c9.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-51064c9.elementor-view-default .elementor-icon{color:#2bc35c;border-color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-51064c9.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-51064c9.elementor-view-default .elementor-icon svg{fill:#2bc35c;}.elementor-9 .elementor-element.elementor-element-51064c9 .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-51064c9 .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-1b218d2 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:600;color:#2BC35C;}.elementor-9 .elementor-element.elementor-element-25aafc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"General Sans", Sans-serif;font-size:20px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-0011761{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#363636;--border-color:#363636;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-0011761:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-0011761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-9 .elementor-element.elementor-element-06eb71a .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-06eb71a.elementor-view-stacked .elementor-icon{background-color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-06eb71a.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-06eb71a.elementor-view-default .elementor-icon{color:#2bc35c;border-color:#2bc35c;}.elementor-9 .elementor-element.elementor-element-06eb71a.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-06eb71a.elementor-view-default .elementor-icon svg{fill:#2bc35c;}.elementor-9 .elementor-element.elementor-element-06eb71a .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-06eb71a .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-d99a869 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:600;color:#2BC35C;}.elementor-9 .elementor-element.elementor-element-e5c8743{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"General Sans", Sans-serif;font-size:20px;font-weight:200;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-ef8475c{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#363636;--border-color:#363636;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-ef8475c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ef8475c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-9 .elementor-element.elementor-element-0d69903 .elementor-icon-wrapper{text-align:center;}.elementor-9 .elementor-element.elementor-element-0d69903.elementor-view-stacked .elementor-icon{background-color:#2BC35C;}.elementor-9 .elementor-element.elementor-element-0d69903.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-0d69903.elementor-view-default .elementor-icon{color:#2BC35C;border-color:#2BC35C;}.elementor-9 .elementor-element.elementor-element-0d69903.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-0d69903.elementor-view-default .elementor-icon svg{fill:#2BC35C;}.elementor-9 .elementor-element.elementor-element-0d69903 .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-0d69903 .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-a3d2d93 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:600;color:#2BC35C;}.elementor-9 .elementor-element.elementor-element-99d7940{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"General Sans", Sans-serif;font-size:20px;font-weight:200;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-73a9a13{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:70px;--padding-bottom:70px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-73a9a13:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-73a9a13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-9f579cf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-44fbd63{width:var( --container-widget-width, 265px );max-width:265px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;--container-widget-width:265px;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-44fbd63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-44fbd63 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:57px;font-weight:600;letter-spacing:0px;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-1f6f16d .elementor-heading-title{font-family:"General Sans", Sans-serif;font-size:25px;font-weight:200;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-39c433a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-39c433a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-bdf48b6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-05e8e3d{--display:flex;--min-height:370px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#2bc35c;--border-color:#2bc35c;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-05e8e3d:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-05e8e3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CEBABA;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/retrato-04.jpg");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-05e8e3d::before, .elementor-9 .elementor-element.elementor-element-05e8e3d > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-05e8e3d > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-05e8e3d > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-05e8e3d > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-05e8e3d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #033F16D9 100%);}.elementor-9 .elementor-element.elementor-element-05e8e3d.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-ea1f1cc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-8b05055{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-8b05055 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;letter-spacing:0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d40f996{font-family:"General Sans", Sans-serif;font-size:17px;font-weight:200;line-height:22px;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-02ff572{--display:flex;}.elementor-9 .elementor-element.elementor-element-730b78f{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-2c0fb41{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7e66e82{--display:flex;--min-height:370px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#2BC35C;--border-color:#2BC35C;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-7e66e82:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-7e66e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CEBABA;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/bitcoin-episodio.jpg");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-7e66e82::before, .elementor-9 .elementor-element.elementor-element-7e66e82 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7e66e82 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7e66e82 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7e66e82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7e66e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #033F16D9 100%);}.elementor-9 .elementor-element.elementor-element-7e66e82.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-7235973{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-710106e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-710106e .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;letter-spacing:0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5823c95{font-family:"General Sans", Sans-serif;font-size:17px;font-weight:200;line-height:22px;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-7b13b75{--display:flex;}.elementor-9 .elementor-element.elementor-element-ecc96c4{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-1a0532e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4ad3675{--display:flex;--min-height:370px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#2BC35C;--border-color:#2BC35C;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-4ad3675:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4ad3675 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CEBABA;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/05-Image-03.jpg");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-4ad3675::before, .elementor-9 .elementor-element.elementor-element-4ad3675 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4ad3675 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4ad3675 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4ad3675 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4ad3675 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #033F16D9 100%);}.elementor-9 .elementor-element.elementor-element-4ad3675.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-2c9e040{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d826cd4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-52d3268{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-52d3268 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;letter-spacing:0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-aa7c6e6{font-family:"General Sans", Sans-serif;font-size:14px;font-weight:200;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-2d7f633{--display:flex;}.elementor-9 .elementor-element.elementor-element-8ca69fb{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-431f515{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:where( .elementor-9 .elementor-element.elementor-element-431f515 .swiper-slide ) > .e-con{border-style:solid;}.elementor-9 .elementor-element.elementor-element-10e23f5{--display:flex;}.elementor-9 .elementor-element.elementor-element-97ed2c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1c55a38{--display:flex;--min-height:370px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#2bc35c;--border-color:#2bc35c;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-1c55a38:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-1c55a38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CEBABA;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/ads-1.png");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-1c55a38::before, .elementor-9 .elementor-element.elementor-element-1c55a38 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-1c55a38 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-1c55a38 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-1c55a38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-1c55a38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #033F16D9 100%);}.elementor-9 .elementor-element.elementor-element-1c55a38.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-e7f1728{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4ba2250{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-4ba2250 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;letter-spacing:0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-7698422{font-family:"General Sans", Sans-serif;font-size:17px;font-weight:200;line-height:22px;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-3ba1d02{--display:flex;}.elementor-9 .elementor-element.elementor-element-ef67965{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-39e9c8f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7b82cd9{--display:flex;--min-height:370px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#2BC35C;--border-color:#2BC35C;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-7b82cd9:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-7b82cd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CEBABA;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/mockup-site-2-scaled.png");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-7b82cd9::before, .elementor-9 .elementor-element.elementor-element-7b82cd9 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7b82cd9 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7b82cd9 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7b82cd9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7b82cd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #033F16D9 100%);}.elementor-9 .elementor-element.elementor-element-7b82cd9.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-7757378{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-57ed674{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-57ed674 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;letter-spacing:0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-c23254b{font-family:"General Sans", Sans-serif;font-size:14px;font-weight:200;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-fc9505d{--display:flex;}.elementor-9 .elementor-element.elementor-element-d5b2e8b{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-7b4cd54{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-6a08028{--display:flex;--min-height:370px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.95;border-style:solid;--border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:#2BC35C;--border-color:#2BC35C;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-6a08028:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6a08028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CEBABA;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/testee-1.png");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-6a08028::before, .elementor-9 .elementor-element.elementor-element-6a08028 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6a08028 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6a08028 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6a08028 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6a08028 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 49%, #033F16D9 100%);}.elementor-9 .elementor-element.elementor-element-6a08028.e-con{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-5a4110e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-907eb14{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ccbd3f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-ccbd3f1 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.68);color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5734bfb{font-family:"General Sans", Sans-serif;font-size:17px;font-weight:200;line-height:22px;color:#f4e4b4;}.elementor-9 .elementor-element.elementor-element-2a11f2b{--display:flex;}.elementor-9 .elementor-element.elementor-element-7dc29c3{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-6684fd1{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:where( .elementor-9 .elementor-element.elementor-element-6684fd1 .swiper-slide ) > .e-con{border-style:solid;}.elementor-9 .elementor-element.elementor-element-a7b7cab{--display:flex;}.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button{background-color:transparent;font-family:"General Sans", Sans-serif;font-size:18px;font-weight:300;line-height:1.4em;background-image:linear-gradient(180deg, #2BC35C 50%, #006B24 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);padding:20px 40px 20px 40px;}.elementor-9 .elementor-element.elementor-element-0495499.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-9 .elementor-element.elementor-element-93ec8ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-216d38a{text-align:center;}.elementor-9 .elementor-element.elementor-element-216d38a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:38px;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-7b1e3a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ecc5fce{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-ecc5fce:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ecc5fce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-9 .elementor-element.elementor-element-9f1cade{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-9f1cade.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-9f1cade.elementor-view-stacked .elementor-icon{background-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-9f1cade.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-9f1cade.elementor-view-default .elementor-icon{color:#8D6EE4;border-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-9f1cade.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-9f1cade.elementor-view-default .elementor-icon svg{fill:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-9f1cade .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-9f1cade .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-fe0298e .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:50px;font-weight:600;color:#EDEDED;}.elementor-9 .elementor-element.elementor-element-cb16952{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-9 .elementor-element.elementor-element-36e0d1f{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-36e0d1f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-36e0d1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-9 .elementor-element.elementor-element-219c85b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-219c85b.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-219c85b.elementor-view-stacked .elementor-icon{background-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-219c85b.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-219c85b.elementor-view-default .elementor-icon{color:#8D6EE4;border-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-219c85b.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-219c85b.elementor-view-default .elementor-icon svg{fill:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-219c85b .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-219c85b .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-675be50 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:50px;font-weight:600;color:#EDEDED;}.elementor-9 .elementor-element.elementor-element-7290b61{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-9 .elementor-element.elementor-element-2216fe1{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-2216fe1:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2216fe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-9 .elementor-element.elementor-element-4077a2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-4077a2e.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-4077a2e.elementor-view-stacked .elementor-icon{background-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-4077a2e.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-4077a2e.elementor-view-default .elementor-icon{color:#8D6EE4;border-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-4077a2e.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-4077a2e.elementor-view-default .elementor-icon svg{fill:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-4077a2e .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-4077a2e .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-053b153 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:50px;font-weight:600;color:#EDEDED;}.elementor-9 .elementor-element.elementor-element-4d36a4f{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-9 .elementor-element.elementor-element-02ad87b{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-f3f5d55{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-a959b3b{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-a959b3b:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-a959b3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-9 .elementor-element.elementor-element-23299ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-23299ed.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-23299ed.elementor-view-stacked .elementor-icon{background-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-23299ed.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-23299ed.elementor-view-default .elementor-icon{color:#8D6EE4;border-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-23299ed.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-23299ed.elementor-view-default .elementor-icon svg{fill:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-23299ed .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-23299ed .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-f8ed78f .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:50px;font-weight:600;color:#EDEDED;}.elementor-9 .elementor-element.elementor-element-a71056a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-9 .elementor-element.elementor-element-606db59{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-606db59:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-606db59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-9 .elementor-element.elementor-element-887949e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-887949e.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-887949e.elementor-view-stacked .elementor-icon{background-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-887949e.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-887949e.elementor-view-default .elementor-icon{color:#8D6EE4;border-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-887949e.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-887949e.elementor-view-default .elementor-icon svg{fill:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-887949e .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-887949e .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-bc285f3 .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:50px;font-weight:600;color:#EDEDED;}.elementor-9 .elementor-element.elementor-element-09edfe5{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-9 .elementor-element.elementor-element-ef19a6c{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-ef19a6c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ef19a6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-9 .elementor-element.elementor-element-0bebf63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-0bebf63.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-0bebf63.elementor-view-stacked .elementor-icon{background-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-0bebf63.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-0bebf63.elementor-view-default .elementor-icon{color:#8D6EE4;border-color:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-0bebf63.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-0bebf63.elementor-view-default .elementor-icon svg{fill:#8D6EE4;}.elementor-9 .elementor-element.elementor-element-0bebf63 .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-0bebf63 .elementor-icon svg{height:40px;}.elementor-9 .elementor-element.elementor-element-981fa8f .elementor-heading-title{font-family:"UT Montage", Sans-serif;font-size:50px;font-weight:600;color:#EDEDED;}.elementor-9 .elementor-element.elementor-element-36b4fe4{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-9 .elementor-element.elementor-element-0bc5f18{--display:flex;}.elementor-9 .elementor-element.elementor-element-657e780 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-9 .elementor-element.elementor-element-7202808{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0;--padding-top:5vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-9 .elementor-element.elementor-element-7202808:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-7202808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-9 .elementor-element.elementor-element-7202808::before, .elementor-9 .elementor-element.elementor-element-7202808 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7202808 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-7202808 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7202808 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-7202808 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;background-image:url("https://zyreagro.com/wp-content/uploads/2026/02/bbg.webp");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-9 .elementor-element.elementor-element-1364cb9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-f092f44{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 16px) -82px;}.elementor-9 .elementor-element.elementor-element-f092f44 img{max-width:23%;}.elementor-9 .elementor-element.elementor-element-1187e4b img{max-width:14%;}.elementor-9 .elementor-element.elementor-element-a65104f img{width:25%;}.elementor-9 .elementor-element.elementor-element-2fdb233{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-2fdb233 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:58px;font-weight:700;line-height:1.3em;color:#000000;}.elementor-9 .elementor-element.elementor-element-4998cf8{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-4998cf8 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#D0D0D0;}.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button{background-color:#B2FE0200;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:1.4em;padding:20px 40px 20px 40px;}.elementor-9 .elementor-element.elementor-element-3df9425.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button .elementor-button-content-wrapper{gap:2px;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040423;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-a804ab4{--width:100.271%;}.elementor-9 .elementor-element.elementor-element-2c9ad51{--content-width:1440px;}.elementor-9 .elementor-element.elementor-element-39c433a{--width:1121.8px;}.elementor-9 .elementor-element.elementor-element-05e8e3d{--width:auto;}.elementor-9 .elementor-element.elementor-element-1c55a38{--width:auto;}.elementor-9 .elementor-element.elementor-element-93ec8ed{--content-width:1440px;}.elementor-9 .elementor-element.elementor-element-7b1e3a2{--width:100%;}.elementor-9 .elementor-element.elementor-element-f3f5d55{--width:100%;}.elementor-9 .elementor-element.elementor-element-7202808{--content-width:1280px;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-2b6d565{--padding-top:180px;--padding-bottom:190px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-6512fb6{--padding-top:90px;--padding-bottom:90px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-ae22340.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-b7323fc{text-align:center;}.elementor-9 .elementor-element.elementor-element-73a9a13{--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-9f579cf{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-44fbd63 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-05e8e3d{--min-height:400px;--padding-top:0px;--padding-bottom:24px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-7e66e82{--min-height:400px;--padding-top:0px;--padding-bottom:24px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-4ad3675{--min-height:400px;--padding-top:0px;--padding-bottom:24px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-431f515{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-swiper-slides-gap:18px;}.elementor-9 .elementor-element.elementor-element-1c55a38{--min-height:400px;--padding-top:0px;--padding-bottom:24px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-7b82cd9{--min-height:400px;--padding-top:0px;--padding-bottom:24px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-6a08028{--min-height:400px;--padding-top:0px;--padding-bottom:24px;--padding-left:30px;--padding-right:30px;}.elementor-9 .elementor-element.elementor-element-6684fd1{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-swiper-slides-gap:18px;}.elementor-9 .elementor-element.elementor-element-216d38a .elementor-heading-title{font-size:32px;}.elementor-9 .elementor-element.elementor-element-fe0298e .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-675be50 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-053b153 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-f8ed78f .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-bc285f3 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-981fa8f .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-7202808{--padding-top:10vw;--padding-bottom:0vw;--padding-left:5vw;--padding-right:5vw;}.elementor-9 .elementor-element.elementor-element-1364cb9{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-2fdb233{--container-widget-width:83%;--container-widget-flex-grow:0;width:var( --container-widget-width, 83% );max-width:83%;}.elementor-9 .elementor-element.elementor-element-2fdb233 .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-4998cf8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-4998cf8 .elementor-heading-title{font-size:18px;line-height:1.5em;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-2b6d565{--padding-top:150px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-7db6e84{width:var( --container-widget-width, 78.425px );max-width:78.425px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;--container-widget-width:78.425px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-0534281 .elementor-heading-title{font-size:55px;letter-spacing:-1.2px;}.elementor-9 .elementor-element.elementor-element-7642e35{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-7642e35 .elementor-heading-title{font-size:35px;}.elementor-9 .elementor-element.elementor-element-6512fb6{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-d94c1e0{width:var( --container-widget-width, 288.788px );max-width:288.788px;--container-widget-width:288.788px;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-d94c1e0.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-d94c1e0 .elementor-heading-title{font-size:30px;letter-spacing:-1.6px;}.elementor-9 .elementor-element.elementor-element-4dd039d{--e-image-carousel-slides-to-show:2;}.elementor-9 .elementor-element.elementor-element-4dd039d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:7px 7px 7px 7px;}.elementor-9 .elementor-element.elementor-element-b7323fc{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:16px;}.elementor-9 .elementor-element.elementor-element-934d9e4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-9 .elementor-element.elementor-element-934d9e4 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-d5f74a5.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-73a9a13{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-9f579cf{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-9 .elementor-element.elementor-element-44fbd63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-9 .elementor-element.elementor-element-44fbd63 .elementor-heading-title{font-size:20px;}.elementor-9 .elementor-element.elementor-element-05e8e3d{--width:100%;}.elementor-9 .elementor-element.elementor-element-7e66e82{--width:100%;}.elementor-9 .elementor-element.elementor-element-4ad3675{--width:100%;}.elementor-9 .elementor-element.elementor-element-431f515{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:80px;}.elementor-9 .elementor-element.elementor-element-1c55a38{--width:100%;}.elementor-9 .elementor-element.elementor-element-7b82cd9{--width:100%;}.elementor-9 .elementor-element.elementor-element-6a08028{--width:100%;}.elementor-9 .elementor-element.elementor-element-6684fd1{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:80px;}.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button{font-size:18px;}.elementor-9 .elementor-element.elementor-element-216d38a{text-align:center;}.elementor-9 .elementor-element.elementor-element-216d38a .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-fe0298e .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-cb16952{font-size:15px;}.elementor-9 .elementor-element.elementor-element-675be50 .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-7290b61{font-size:15px;}.elementor-9 .elementor-element.elementor-element-053b153 .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-4d36a4f{font-size:15px;}.elementor-9 .elementor-element.elementor-element-f8ed78f .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-a71056a{font-size:15px;}.elementor-9 .elementor-element.elementor-element-bc285f3 .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-09edfe5{font-size:15px;}.elementor-9 .elementor-element.elementor-element-981fa8f .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-36b4fe4{font-size:15px;}.elementor-9 .elementor-element.elementor-element-7202808{--padding-top:10vw;--padding-bottom:0vw;--padding-left:5vw;--padding-right:5vw;}.elementor-9 .elementor-element.elementor-element-1364cb9{--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--align-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:00px;--padding-right:00px;}.elementor-9 .elementor-element.elementor-element-f092f44{--e-transform-translateX:0px;--e-transform-translateY:0px;margin:-9px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-f092f44 img{max-width:31%;}.elementor-9 .elementor-element.elementor-element-1187e4b{--e-transform-translateX:0px;--e-transform-translateY:208px;text-align:end;}.elementor-9 .elementor-element.elementor-element-a65104f img{width:50%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-2fdb233{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-2fdb233 .elementor-heading-title{font-size:32px;line-height:1.2em;}.elementor-9 .elementor-element.elementor-element-4998cf8 .elementor-heading-title{font-size:16px;line-height:1.5em;}.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button{font-size:18px;}}/* Start custom CSS for heading, class: .elementor-element-0534281 */.elementor-9 .elementor-element.elementor-element-0534281 .elementor-heading-title {
    /* transições suaves */
    transition: all 1s;
    
    /* deixa o texto transparente para mostrar o gradiente */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    /* animação do movimento do gradiente */
    animation: move 3s ease 1s infinite alternate;
    
    /* gradiente animado entre tons de roxo */
    background-image: linear-gradient(45deg, 
        #00ff5a,      /* Branco */
        #29c45c,      /* Magenta */
        #00ff5a,      /* Roxo vibrante */
        #c6ffda,      /* Branco */
        #29c45c       /* Magenta */
    );
    background-size: 500% 200%;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6d7e4a *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 20px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ae22340 */.elementor-9 .elementor-element.elementor-element-ae22340 span {
    line-height: 1em;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4dd039d */.elementor-9 .elementor-element.elementor-element-4dd039d .swiper,
.elementor-9 .elementor-element.elementor-element-4dd039d .swiper-container {
    overflow: visible !important;
    clip-path: polygon(-1000% 0%, 1000% 0%, 1000% 100%, -1000% 100%);
}
.elementor-9 .elementor-element.elementor-element-4dd039d {
    overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d5f74a5 */.elementor-9 .elementor-element.elementor-element-d5f74a5 {
  border: none;
  transform: perspective(500px) rotateY(calc(20deg * var(--_i, -1)));
  text-shadow:
    calc(var(--_i, -1) * 0.08em) -0.01em 0 var(--c),
    calc(var(--_i, -1) * -0.08em) 0.01em 2px #0004;
  outline-offset: 0.1em;
  transition: transform 0.3s, text-shadow 0.3s, outline-offset 0.3s;
}

.elementor-9 .elementor-element.elementor-element-d5f74a5:hover,
.elementor-9 .elementor-element.elementor-element-d5f74a5:focus-visible {
  --_i: 1;
}

.elementor-9 .elementor-element.elementor-element-d5f74a5:active {
  text-shadow: none;
  box-shadow: inset 0 0 9999px #2BC35C;
  transition: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13371ed *//* 
   Elementor Rocket

   COMO USAR:
   Aplique uma cor de fundo COM TRANSPARÊNCIA (importante),
   assim como este código, na seção em que deseja o efeito.
   
   Edite a intensidade do desfoque abaixo.

*/


.elementor-9 .elementor-element.elementor-element-13371ed {
    /* Edite o desfoque em pixels abaixo */
    --desfoque: 10px;
}

.elementor-9 .elementor-element.elementor-element-13371ed {
    backdrop-filter: blur(var(--desfoque));
    -webkit-backdrop-filter: blur()var(--desfoque));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-730b78f *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecc96c4 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ca69fb *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-730b78f *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecc96c4 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ca69fb *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-730b78f *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecc96c4 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ca69fb *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-730b78f *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecc96c4 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ca69fb *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef67965 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5b2e8b *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc29c3 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef67965 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5b2e8b *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc29c3 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef67965 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5b2e8b *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc29c3 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef67965 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5b2e8b *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc29c3 *//* KEYFRAMES E ESTILO DO BOTÃO EXISTENTE */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes particles {
  0% {
    transform: translateZ(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(190px, 50px); /* Ajuste conforme o efeito desejado */
    opacity: 0;
  }
}

.button {
  position: relative;
  background: rgba(57, 57, 57, 0.7); /* Fundo cinza semi-transparente */
  display: inline-block; /* Crucial para ser centralizável por text-align */
  background-size: 200% auto;
  border: 1px solid;
  border-color: #29c45c; /* Defina a cor da borda aqui se não quiser transparente */
  border-radius: 25px;
  color: white;
  padding: 15px 30px; /* Ajuste o padding para um botão de CTA */
  font-size: 14px; /* Tamanho da fonte para destaque */
  text-transform: uppercase;
  text-decoration: none; /* Remover sublinhado de links */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: floating 3s ease-in-out infinite;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  cursor: pointer; /* Indica que é clicável */
}

.button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 30px;
  box-shadow: 0 0 20px #FF7730;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  width: 5px; /* Estas propriedades width/height e background #FF7730 parecem ser para as partículas. */
  height: 5px; /* Se o objetivo é que seja um rastro, talvez precise de ajuste. */
  background: #ffe2af;
  animation: particles 2s infinite; /* A animação 'particles' parece fazer o rastro */
}

/* O ::after no seu código original não tinha conteúdo nem estilo visível. */
/* Se ele não tem uma função visual, pode ser removido ou usado para outro efeito. */
/* Por enquanto, mantive-o, mas se não vir efeito, pode ser ignorado ou usado para algo como um ícone. */
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button:hover {
  color: #29c45c; /* Cor do texto no hover */
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  transform: scale(1.05); /* Pequeno zoom no hover */
  background-position: right center;
  /* Para o gradiente no texto no hover, você deve aplicar isso diretamente ao texto */
  /* mas como o background já está sendo usado para o fundo do botão, vamos usar a cor do texto */
  /* Se você quer o efeito de gradiente no TEXTO no hover, precisa remover o background do hover */
  /* e fazer com que o gradiente seja para a propriedade color */
  /* A forma como está, o background do hover está aplicando ao FUNDO do botão, não ao texto. */
  background: linear-gradient(to right, #29c45c, #2bd09c); /* Fundo do botão no hover */
  -webkit-background-clip: border-box; /* Garante que o fundo preencha o botão */
  -webkit-text-fill-color: initial; /* Garante que a cor do texto volte ao normal para ver o gradiente no background do botão */
  color: white; /* Cor do texto ao hover, se o background for para o botão */
}

/* RESPONSIVIDADE (Exemplo) */
@media (max-width: 768px) {
    .button {
        font-size: 16px;
        padding: 12px 25px;
    }
}


/* CSS PARA CENTRALIZAR O BOTÃO */
.button-wrapper {
    text-align: center;
    width: 100%;
    /* margin-top: 30px; */ /* Ajuste conforme o espaçamento desejado */
    /* margin-bottom: 30px; */ /* Ajuste conforme o espaçamento desejado */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0495499 */.elementor-9 .elementor-element.elementor-element-0495499 {
  border-radius: 72px;
  border-top: 2px solid #75ffaf; /* roxo claro */
  background: linear-gradient(90deg, #ffffff 0%, #75ffaf 50%, #75ffaf 100%); /* gradiente roxo */
  box-shadow: 
    0 10px 20px 0 rgba(92, 28, 163, 0.4),
    0 20px 40px 0 rgba(92, 28, 163, 0.3),
    0 40px 80px 0 rgba(92, 28, 163, 0.2),
    0 60px 120px 0 rgba(92, 28, 163, 0.1);
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
}

.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

.elementor-9 .elementor-element.elementor-element-0495499:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg);
}

.elementor-9 .elementor-element.elementor-element-0495499:active {
  opacity: 0.5;
}

.elementor-9 .elementor-element.elementor-element-0495499::before {
  content: '';
  background: linear-gradient(10deg, #a5ffcb 12.81%, rgba(217, 207, 255, 0) 66.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 3s infinite ease-in-out;
  filter: blur(3px);
}

@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

.elementor-9 .elementor-element.elementor-element-0495499:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}

.elementor-9 .elementor-element.elementor-element-0495499 svg {
  font-size: 14px;
}

.elementor-9 .elementor-element.elementor-element-0495499:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 20px;
  background: radial-gradient(ellipse at center, #a5ffcb 20%, #a5ffcb 70%, #a5ffcb 100%);
  mix-blend-mode: screen;
  filter: blur(12px);
  pointer-events: none;
  z-index: 1;
}

.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}

.elementor-9 .elementor-element.elementor-element-0495499 .elementor-button:after {
  content: "";
  position: absolute;
  bottom: -4.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-216d38a */.elementor-9 .elementor-element.elementor-element-216d38a .elementor-heading-title {
    /* transições suaves */
    transition: all 1s;
    
    /* deixa o texto transparente para mostrar o gradiente */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    /* animação do movimento do gradiente */
    animation: move 3s ease 1s infinite alternate;
    
    /* gradiente animado entre tons de roxo */
    background-image: linear-gradient(45deg, 
        #FAFAFA,      /* Branco */
        #FF00FF,      /* Magenta */
        #9D00FF,      /* Roxo vibrante */
        #FAFAFA,      /* Branco */
        #FF00FF       /* Magenta */
    );
    background-size: 500% 200%;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9f1cade */.elementor-9 .elementor-element.elementor-element-9f1cade .elementor-icon {
    position: relative;
    padding: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Background glass escuro */
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.05);
}

.elementor-9 .elementor-element.elementor-element-9f1cade .elementor-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.1) 180deg,  /* Branco claro - começo da cauda */
        rgba(255, 255, 255, 0.3) 190deg,   /* Branco - cauda ficando mais forte */
        rgba(255, 255, 255, 0.6) 200deg,   /* Branco - cauda intensa */
        #FFFFFF 210deg,                    /* Branco - núcleo do cometa */
        #FFFFFF 212deg,                    /* Ponto brilhante no centro */
        #FFFFFF 214deg,                    /* Branco - continuidade do núcleo */
        rgba(255, 255, 255, 0.8) 220deg,   /* Branco - cauda próxima */
        rgba(255, 255, 255, 0.5) 230deg,   /* Branco - cauda média */
        rgba(255, 255, 255, 0.2) 250deg,   /* Branco desvanecendo */
        transparent 270deg                  /* Fim da cauda */
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    /* ANIMAÇÃO INVERTIDA: de 360° para 0° */
    animation: cometWithGlowReverse 3s linear infinite;
    filter: blur(0.5px);
}

@keyframes cometWithGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

/* Efeito de brilho adicional para a cauda */
.elementor-9 .elementor-element.elementor-element-9f1cade .elementor-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.05) 180deg,
        rgba(255, 255, 255, 0.1) 190deg,
        rgba(255, 255, 255, 0.05) 230deg,
        transparent 250deg
    );
    filter: blur(10px);
    /* ANIMAÇÃO INVERTIDA também */
    animation: cometGlowReverse 6s linear infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

@keyframes cometGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

.elementor-9 .elementor-element.elementor-element-9f1cade:hover .elementor-icon::before {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometWithGlowReverse 1s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
}

.elementor-9 .elementor-element.elementor-element-9f1cade:hover .elementor-icon::after {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometGlowReverse 3s linear infinite;
    opacity: 0.8;
    filter: blur(12px);
}

/* Efeito adicional no hover do ícone */
.elementor-9 .elementor-element.elementor-element-9f1cade:hover .elementor-icon {
    background: rgba(20, 20, 25, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecc5fce */.box2 {
    transition: 0.4s ease all;
}

.box2:hover {
    background: #1F1F1F !important;
    transform: translatey(-10px);
}

.box2::before {
    content: "";
    border-radius: 0px !important;
    /* Gradiente roxo/magenta */
    background: linear-gradient(90deg, #9D00FF, #FF00FF);
    width: 20%;
    height: 6px;
    position: absolute;
    left: 0px;
    top: 100%;
    transform: translatey(-50%);
    /* Sombra roxa */
    box-shadow: 0px 0px 20px 0px rgba(157, 0, 255, 0.5);
    transition: 0.5s ease all;
}

.box2:hover::before {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-219c85b */.elementor-9 .elementor-element.elementor-element-219c85b .elementor-icon {
    position: relative;
    padding: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Background glass escuro */
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.05);
}

.elementor-9 .elementor-element.elementor-element-219c85b .elementor-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.1) 180deg,  /* Branco claro - começo da cauda */
        rgba(255, 255, 255, 0.3) 190deg,   /* Branco - cauda ficando mais forte */
        rgba(255, 255, 255, 0.6) 200deg,   /* Branco - cauda intensa */
        #FFFFFF 210deg,                    /* Branco - núcleo do cometa */
        #FFFFFF 212deg,                    /* Ponto brilhante no centro */
        #FFFFFF 214deg,                    /* Branco - continuidade do núcleo */
        rgba(255, 255, 255, 0.8) 220deg,   /* Branco - cauda próxima */
        rgba(255, 255, 255, 0.5) 230deg,   /* Branco - cauda média */
        rgba(255, 255, 255, 0.2) 250deg,   /* Branco desvanecendo */
        transparent 270deg                  /* Fim da cauda */
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    /* ANIMAÇÃO INVERTIDA: de 360° para 0° */
    animation: cometWithGlowReverse 3s linear infinite;
    filter: blur(0.5px);
}

@keyframes cometWithGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

/* Efeito de brilho adicional para a cauda */
.elementor-9 .elementor-element.elementor-element-219c85b .elementor-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.05) 180deg,
        rgba(255, 255, 255, 0.1) 190deg,
        rgba(255, 255, 255, 0.05) 230deg,
        transparent 250deg
    );
    filter: blur(10px);
    /* ANIMAÇÃO INVERTIDA também */
    animation: cometGlowReverse 6s linear infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

@keyframes cometGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

.elementor-9 .elementor-element.elementor-element-219c85b:hover .elementor-icon::before {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometWithGlowReverse 1s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
}

.elementor-9 .elementor-element.elementor-element-219c85b:hover .elementor-icon::after {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometGlowReverse 3s linear infinite;
    opacity: 0.8;
    filter: blur(12px);
}

/* Efeito adicional no hover do ícone */
.elementor-9 .elementor-element.elementor-element-219c85b:hover .elementor-icon {
    background: rgba(20, 20, 25, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4077a2e */.elementor-9 .elementor-element.elementor-element-4077a2e .elementor-icon {
    position: relative;
    padding: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Background glass escuro */
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.05);
}

.elementor-9 .elementor-element.elementor-element-4077a2e .elementor-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.1) 180deg,  /* Branco claro - começo da cauda */
        rgba(255, 255, 255, 0.3) 190deg,   /* Branco - cauda ficando mais forte */
        rgba(255, 255, 255, 0.6) 200deg,   /* Branco - cauda intensa */
        #FFFFFF 210deg,                    /* Branco - núcleo do cometa */
        #FFFFFF 212deg,                    /* Ponto brilhante no centro */
        #FFFFFF 214deg,                    /* Branco - continuidade do núcleo */
        rgba(255, 255, 255, 0.8) 220deg,   /* Branco - cauda próxima */
        rgba(255, 255, 255, 0.5) 230deg,   /* Branco - cauda média */
        rgba(255, 255, 255, 0.2) 250deg,   /* Branco desvanecendo */
        transparent 270deg                  /* Fim da cauda */
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    /* ANIMAÇÃO INVERTIDA: de 360° para 0° */
    animation: cometWithGlowReverse 3s linear infinite;
    filter: blur(0.5px);
}

@keyframes cometWithGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

/* Efeito de brilho adicional para a cauda */
.elementor-9 .elementor-element.elementor-element-4077a2e .elementor-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.05) 180deg,
        rgba(255, 255, 255, 0.1) 190deg,
        rgba(255, 255, 255, 0.05) 230deg,
        transparent 250deg
    );
    filter: blur(10px);
    /* ANIMAÇÃO INVERTIDA também */
    animation: cometGlowReverse 6s linear infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

@keyframes cometGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

.elementor-9 .elementor-element.elementor-element-4077a2e:hover .elementor-icon::before {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometWithGlowReverse 1s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
}

.elementor-9 .elementor-element.elementor-element-4077a2e:hover .elementor-icon::after {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometGlowReverse 3s linear infinite;
    opacity: 0.8;
    filter: blur(12px);
}

/* Efeito adicional no hover do ícone */
.elementor-9 .elementor-element.elementor-element-4077a2e:hover .elementor-icon {
    background: rgba(20, 20, 25, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1e3a2 */.elementor-9 .elementor-element.elementor-element-7b1e3a2 {
    --brilho-size: 250px;
}

.elementor-9 .elementor-element.elementor-element-7b1e3a2 .inner {
    height: 100%;
    z-index: 1;
    background: rgba(9, 9, 9, .7);
}

.elementor-9 .elementor-element.elementor-element-7b1e3a2 .brilho {
    width: var(--brilho-size);
    height: 80%;
    left: calc(50% - calc(var(--brilho-size)/2));
    filter: blur(60px);
    opacity: 0;    
    transition: opacity 300ms 300ms linear;
    /* Tons de roxo/magenta */
    background: linear-gradient(135deg, 
        #8B00FF 0%,      /* Roxo violeta */
        #9B30FF 25%,     /* Roxo médio */
        #DA70D6 50%,     /* Orchid */
        #EE82EE 75%,     /* Violeta */
        #FF00FF 100%     /* Magenta */
    ) !important;
}

.elementor-9 .elementor-element.elementor-element-7b1e3a2 .brilho2 {
    visibility: hidden;
    z-index: -1;
    height: 100%;
    /* Adicione um background roxo também se necessário */
    background: rgba(138, 43, 226, 0.3); /* Roxo blueviolet com transparência */
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-23299ed */.elementor-9 .elementor-element.elementor-element-23299ed .elementor-icon {
    position: relative;
    padding: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Background glass escuro */
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.05);
}

.elementor-9 .elementor-element.elementor-element-23299ed .elementor-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.1) 180deg,  /* Branco claro - começo da cauda */
        rgba(255, 255, 255, 0.3) 190deg,   /* Branco - cauda ficando mais forte */
        rgba(255, 255, 255, 0.6) 200deg,   /* Branco - cauda intensa */
        #FFFFFF 210deg,                    /* Branco - núcleo do cometa */
        #FFFFFF 212deg,                    /* Ponto brilhante no centro */
        #FFFFFF 214deg,                    /* Branco - continuidade do núcleo */
        rgba(255, 255, 255, 0.8) 220deg,   /* Branco - cauda próxima */
        rgba(255, 255, 255, 0.5) 230deg,   /* Branco - cauda média */
        rgba(255, 255, 255, 0.2) 250deg,   /* Branco desvanecendo */
        transparent 270deg                  /* Fim da cauda */
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    /* ANIMAÇÃO INVERTIDA: de 360° para 0° */
    animation: cometWithGlowReverse 3s linear infinite;
    filter: blur(0.5px);
}

@keyframes cometWithGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

/* Efeito de brilho adicional para a cauda */
.elementor-9 .elementor-element.elementor-element-23299ed .elementor-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.05) 180deg,
        rgba(255, 255, 255, 0.1) 190deg,
        rgba(255, 255, 255, 0.05) 230deg,
        transparent 250deg
    );
    filter: blur(10px);
    /* ANIMAÇÃO INVERTIDA também */
    animation: cometGlowReverse 6s linear infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

@keyframes cometGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

.elementor-9 .elementor-element.elementor-element-23299ed:hover .elementor-icon::before {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometWithGlowReverse 1s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
}

.elementor-9 .elementor-element.elementor-element-23299ed:hover .elementor-icon::after {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometGlowReverse 3s linear infinite;
    opacity: 0.8;
    filter: blur(12px);
}

/* Efeito adicional no hover do ícone */
.elementor-9 .elementor-element.elementor-element-23299ed:hover .elementor-icon {
    background: rgba(20, 20, 25, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a959b3b */.box2 {
    transition: 0.4s ease all;
}

.box2:hover {
    background: #1F1F1F !important;
    transform: translatey(-10px);
}

.box2::before {
    content: "";
    border-radius: 0px !important;
    /* Gradiente roxo/magenta */
    background: linear-gradient(90deg, #9D00FF, #FF00FF);
    width: 20%;
    height: 6px;
    position: absolute;
    left: 0px;
    top: 100%;
    transform: translatey(-50%);
    /* Sombra roxa */
    box-shadow: 0px 0px 20px 0px rgba(157, 0, 255, 0.5);
    transition: 0.5s ease all;
}

.box2:hover::before {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-887949e */.elementor-9 .elementor-element.elementor-element-887949e .elementor-icon {
    position: relative;
    padding: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Background glass escuro */
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.05);
}

.elementor-9 .elementor-element.elementor-element-887949e .elementor-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.1) 180deg,  /* Branco claro - começo da cauda */
        rgba(255, 255, 255, 0.3) 190deg,   /* Branco - cauda ficando mais forte */
        rgba(255, 255, 255, 0.6) 200deg,   /* Branco - cauda intensa */
        #FFFFFF 210deg,                    /* Branco - núcleo do cometa */
        #FFFFFF 212deg,                    /* Ponto brilhante no centro */
        #FFFFFF 214deg,                    /* Branco - continuidade do núcleo */
        rgba(255, 255, 255, 0.8) 220deg,   /* Branco - cauda próxima */
        rgba(255, 255, 255, 0.5) 230deg,   /* Branco - cauda média */
        rgba(255, 255, 255, 0.2) 250deg,   /* Branco desvanecendo */
        transparent 270deg                  /* Fim da cauda */
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    /* ANIMAÇÃO INVERTIDA: de 360° para 0° */
    animation: cometWithGlowReverse 3s linear infinite;
    filter: blur(0.5px);
}

@keyframes cometWithGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

/* Efeito de brilho adicional para a cauda */
.elementor-9 .elementor-element.elementor-element-887949e .elementor-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.05) 180deg,
        rgba(255, 255, 255, 0.1) 190deg,
        rgba(255, 255, 255, 0.05) 230deg,
        transparent 250deg
    );
    filter: blur(10px);
    /* ANIMAÇÃO INVERTIDA também */
    animation: cometGlowReverse 6s linear infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

@keyframes cometGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

.elementor-9 .elementor-element.elementor-element-887949e:hover .elementor-icon::before {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometWithGlowReverse 1s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
}

.elementor-9 .elementor-element.elementor-element-887949e:hover .elementor-icon::after {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometGlowReverse 3s linear infinite;
    opacity: 0.8;
    filter: blur(12px);
}

/* Efeito adicional no hover do ícone */
.elementor-9 .elementor-element.elementor-element-887949e:hover .elementor-icon {
    background: rgba(20, 20, 25, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0bebf63 */.elementor-9 .elementor-element.elementor-element-0bebf63 .elementor-icon {
    position: relative;
    padding: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Background glass escuro */
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.05);
}

.elementor-9 .elementor-element.elementor-element-0bebf63 .elementor-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.1) 180deg,  /* Branco claro - começo da cauda */
        rgba(255, 255, 255, 0.3) 190deg,   /* Branco - cauda ficando mais forte */
        rgba(255, 255, 255, 0.6) 200deg,   /* Branco - cauda intensa */
        #FFFFFF 210deg,                    /* Branco - núcleo do cometa */
        #FFFFFF 212deg,                    /* Ponto brilhante no centro */
        #FFFFFF 214deg,                    /* Branco - continuidade do núcleo */
        rgba(255, 255, 255, 0.8) 220deg,   /* Branco - cauda próxima */
        rgba(255, 255, 255, 0.5) 230deg,   /* Branco - cauda média */
        rgba(255, 255, 255, 0.2) 250deg,   /* Branco desvanecendo */
        transparent 270deg                  /* Fim da cauda */
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    /* ANIMAÇÃO INVERTIDA: de 360° para 0° */
    animation: cometWithGlowReverse 3s linear infinite;
    filter: blur(0.5px);
}

@keyframes cometWithGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

/* Efeito de brilho adicional para a cauda */
.elementor-9 .elementor-element.elementor-element-0bebf63 .elementor-icon::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 180deg,
        rgba(255, 255, 255, 0.05) 180deg,
        rgba(255, 255, 255, 0.1) 190deg,
        rgba(255, 255, 255, 0.05) 230deg,
        transparent 250deg
    );
    filter: blur(10px);
    /* ANIMAÇÃO INVERTIDA também */
    animation: cometGlowReverse 6s linear infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

@keyframes cometGlowReverse {
    from {
        transform: rotate(360deg);  /* Começa em 360° */
    }
    to {
        transform: rotate(0deg);    /* Termina em 0° */
    }
}

.elementor-9 .elementor-element.elementor-element-0bebf63:hover .elementor-icon::before {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometWithGlowReverse 1s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2);
}

.elementor-9 .elementor-element.elementor-element-0bebf63:hover .elementor-icon::after {
    /* ANIMAÇÃO INVERTIDA mais rápida no hover */
    animation: cometGlowReverse 3s linear infinite;
    opacity: 0.8;
    filter: blur(12px);
}

/* Efeito adicional no hover do ícone */
.elementor-9 .elementor-element.elementor-element-0bebf63:hover .elementor-icon {
    background: rgba(20, 20, 25, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3f5d55 */.elementor-9 .elementor-element.elementor-element-f3f5d55 {
    --brilho-size: 250px;
}

.elementor-9 .elementor-element.elementor-element-f3f5d55 .inner {
    height: 100%;
    z-index: 1;
    background: rgba(9, 9, 9, .7);
}

.elementor-9 .elementor-element.elementor-element-f3f5d55 .brilho {
    width: var(--brilho-size);
    height: 80%;
    left: calc(50% - calc(var(--brilho-size)/2));
    filter: blur(60px);
    opacity: 0;    
    transition: opacity 300ms 300ms linear;
    /* Tons de roxo/magenta */
    background: linear-gradient(135deg, 
        #8B00FF 0%,      /* Roxo violeta */
        #9B30FF 25%,     /* Roxo médio */
        #DA70D6 50%,     /* Orchid */
        #EE82EE 75%,     /* Violeta */
        #FF00FF 100%     /* Magenta */
    ) !important;
}

.elementor-9 .elementor-element.elementor-element-f3f5d55 .brilho2 {
    visibility: hidden;
    z-index: -1;
    height: 100%;
    /* Adicione um background roxo também se necessário */
    background: rgba(138, 43, 226, 0.3); /* Roxo blueviolet com transparência */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f092f44 */.elementor-9 .elementor-element.elementor-element-f092f44 {
    animation: flutua 4s ease-in-out infinite;
}

@keyframes flutua {
    0%, 100%{
        transform: translateX(10px) translateY(0) rotate(-3deg); /* desloca para direita e rotaciona levemente */
    }
    50%{
        transform: translateX(10px) translateY(20px) rotate(-20deg); /* no pico do movimento, rotaciona pro outro lado */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1187e4b */.elementor-9 .elementor-element.elementor-element-1187e4b {
    animation: flutua 5s ease-in-out infinite;
}

@keyframes flutua {
    0%, 100%{
        transform: translateX(10px) translateY(0) rotate(-3deg); /* desloca para direita e rotaciona levemente */
    }
    50%{
        transform: translateX(10px) translateY(20px) rotate(-20deg); /* no pico do movimento, rotaciona pro outro lado */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a65104f */.elementor-9 .elementor-element.elementor-element-a65104f::before{
content: "";
position: absolute;
top:50%;
left: 100%;
width: 400px;
height: 200px;
transform: translate(-50%, -50%);
background: #B60CD5;
border-radius: 10%;
filter: blur(180px);
opacity: 40%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fdb233 */.elementor-9 .elementor-element.elementor-element-2fdb233 {
    background: linear-gradient(90deg, #CFAEFF 0%, #F8F6FF 50%, #C49BFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3df9425 */.elementor-9 .elementor-element.elementor-element-3df9425 {
  border-radius: 72px;
  border-top: 2px solid #B9AFFF; /* roxo claro */
  background: linear-gradient(90deg, #8C2BDC 0%, #A74EFF 50%, #5C1CA3 100%); /* gradiente roxo */
  box-shadow: 
    0 10px 20px 0 rgba(92, 28, 163, 0.4),
    0 20px 40px 0 rgba(92, 28, 163, 0.3),
    0 40px 80px 0 rgba(92, 28, 163, 0.2),
    0 60px 120px 0 rgba(92, 28, 163, 0.1);
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
}

.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

.elementor-9 .elementor-element.elementor-element-3df9425:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg);
}

.elementor-9 .elementor-element.elementor-element-3df9425:active {
  opacity: 0.5;
}

.elementor-9 .elementor-element.elementor-element-3df9425::before {
  content: '';
  background: linear-gradient(10deg, #D9CFFF 12.81%, rgba(217, 207, 255, 0) 66.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 3s infinite ease-in-out;
  filter: blur(3px);
}

@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

.elementor-9 .elementor-element.elementor-element-3df9425:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}

.elementor-9 .elementor-element.elementor-element-3df9425 svg {
  font-size: 14px;
}

.elementor-9 .elementor-element.elementor-element-3df9425:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 20px;
  background: radial-gradient(ellipse at center, #CFA4FF 20%, #CFA4FF50 70%, #CFA4FF00 100%);
  mix-blend-mode: screen;
  filter: blur(12px);
  pointer-events: none;
  z-index: 1;
}

.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}

.elementor-9 .elementor-element.elementor-element-3df9425 .elementor-button:after {
  content: "";
  position: absolute;
  bottom: -4.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Thin.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Extra-Light.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Light.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Medium.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Medium-1.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Regular.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Semi-Bold.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Bold.woff') format('woff');
}
@font-face {
	font-family: 'UT Montage';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/UT-Montage-Black.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/GeneralSans-Extralight.woff') format('woff');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/GeneralSans-Light.woff') format('woff');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/GeneralSans-Medium.woff') format('woff');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/GeneralSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/GeneralSans-Semibold.woff') format('woff');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://zyreagro.com/wp-content/uploads/2026/02/GeneralSans-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */