.elementor-10 .elementor-element.elementor-element-a21e8f9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c7ef3a2{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-c7ef3a2.e-con{--e-con-transform-translateY:0px;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-2b446f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-10 .elementor-element.elementor-element-2b446f7.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-44f0747{--display:flex;--min-height:0px;--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;}.elementor-10 .elementor-element.elementor-element-44f0747.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-9eca256{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-10 .elementor-element.elementor-element-9eca256.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-b9c9f00{column-gap:0px;text-align:left;font-family:"Montserrat", Sans-serif;font-size:1px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-10 .elementor-element.elementor-element-b9c9f00 p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-5041956{--e-transform-translateX:-1px;--e-transform-translateY:27px;}.elementor-10 .elementor-element.elementor-element-4258248{--display:flex;--min-height:0px;--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;}.elementor-10 .elementor-element.elementor-element-4258248.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-ec71069{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-ec71069 img{width:100%;max-width:100%;height:100%;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-c73d630{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-7fc7ab2{--spacer-size:134px;}.elementor-10 .elementor-element.elementor-element-f940331{padding:24px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f940331.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-10 .elementor-element.elementor-element-8a88ab2{--display:flex;}.elementor-10 .elementor-element.elementor-element-6be7385 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-bd0731c{--display:flex;}.elementor-10 .elementor-element.elementor-element-2057cf5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-a6fe3b2{--display:flex;}.elementor-10 .elementor-element.elementor-element-125bde1 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-2bf5680{--display:flex;}.elementor-10 .elementor-element.elementor-element-1db157e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-c29bd7e{--display:flex;}.elementor-10 .elementor-element.elementor-element-d4410c1 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-535cb61{--display:flex;}.elementor-10 .elementor-element.elementor-element-f685509 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10 .elementor-element.elementor-element-d1e6b32{--e-n-carousel-swiper-slides-gap:10px;width:100%;max-width:100%;--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;}.elementor-10 .elementor-element.elementor-element-2217120{--spacer-size:145px;}.elementor-10 .elementor-element.elementor-element-b13ac77{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-b13ac77.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-c41e2a8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c41e2a8.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-50f11eb.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-bfa6a5d{width:100%;max-width:100%;margin:-122px 0px calc(var(--kit-widget-spacing, 0px) + -63px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-bfa6a5d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-acbb34a{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;column-gap:0px;text-align:left;font-family:"Montserrat", Sans-serif;font-size:1px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-10 .elementor-element.elementor-element-acbb34a.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-acbb34a p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-86116fc{--display:flex;--min-height:589px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-09888c4{--spacer-size:130px;}.elementor-10 .elementor-element.elementor-element-d2d796f{padding:24px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d2d796f.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-10 .elementor-element.elementor-element-320f59f{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10 .elementor-element.elementor-element-320f59f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-20c5c31{--display:flex;}.elementor-10 .elementor-element.elementor-element-a904cef .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-10bacba{--display:flex;}.elementor-10 .elementor-element.elementor-element-f79c2ef .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-0d35f67{--display:flex;}.elementor-10 .elementor-element.elementor-element-9f71ffd .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-3380fde{--display:flex;--min-height:638px;}.elementor-10 .elementor-element.elementor-element-c0def05 .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-06c81cb{--display:flex;--min-height:642px;}.elementor-10 .elementor-element.elementor-element-e35f1bd .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10 .elementor-element.elementor-element-d39024c{--display:flex;}.elementor-10 .elementor-element.elementor-element-a3123f5 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-10 .elementor-element.elementor-element-1c976c2{--display:flex;}.elementor-10 .elementor-element.elementor-element-a9fb020 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-10 .elementor-element.elementor-element-f300375{--display:flex;}.elementor-10 .elementor-element.elementor-element-e121815 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-10 .elementor-element.elementor-element-2655c77{--display:flex;}.elementor-10 .elementor-element.elementor-element-4ddfc24 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-10 .elementor-element.elementor-element-223e560{--display:flex;}.elementor-10 .elementor-element.elementor-element-97bd997 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-10 .elementor-element.elementor-element-e79cf5a{--e-n-carousel-swiper-slides-gap:43px;width:100%;max-width:100%;--e-n-carousel-arrow-prev-left-align:50%;--e-n-carousel-arrow-prev-translate-x:-50%;--e-n-carousel-arrow-prev-left-position:-41px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:50%;--e-n-carousel-arrow-next-translate-x:50%;--e-n-carousel-arrow-next-right-position:-41px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:45px;--e-n-carousel-arrow-normal-color:#80B4E2;--e-n-carousel-arrow-hover-color:#80B4E2;}.elementor-10 .elementor-element.elementor-element-e79cf5a.elementor-element{--align-self:center;}:where( .elementor-10 .elementor-element.elementor-element-e79cf5a .swiper-slide ) > .e-con{--border-radius:15px 15px 15px 15px;}.elementor-10 .elementor-element.elementor-element-7bf04d5{--spacer-size:117px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-2a50f53{--display:flex;--min-height:445px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:7.5rem;--padding-bottom:7.5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-10 .elementor-element.elementor-element-682a4f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-f09ded2{--e-transform-translateX:0px;padding:50px 0px 100px 0px;}.elementor-10 .elementor-element.elementor-element-52a4bc2{--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;}.elementor-10 .elementor-element.elementor-element-52a4bc2.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-01519b1.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-01519b1{z-index:1;}.elementor-10 .elementor-element.elementor-element-20945e2{z-index:2;}.elementor-10 .elementor-element.elementor-element-a232a41{z-index:3;}.elementor-10 .elementor-element.elementor-element-bbd018e{z-index:4;}.elementor-10 .elementor-element.elementor-element-b53fe20{z-index:5;}.elementor-10 .elementor-element.elementor-element-8e3eda6{z-index:6;}.elementor-10 .elementor-element.elementor-element-6baf788{z-index:7;}.elementor-10 .elementor-element.elementor-element-2ea702b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-c868692{--spacer-size:50px;}.elementor-10 .elementor-element.elementor-element-a4d80f9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-ec1a0aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-46840a9{--spacer-size:121px;}.elementor-10 .elementor-element.elementor-element-57fd64f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-10 .elementor-element.elementor-element-32b450c{width:100%;max-width:100%;padding:24px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-32b450c.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-10 .elementor-element.elementor-element-c3d167c{--display:flex;--min-height:110px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10 .elementor-element.elementor-element-03a7bc0 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#D97749;font-family:"Montserrat", Sans-serif;}.elementor-10 .elementor-element.elementor-element-2b90ed7{padding:0px 0px 0px 0px;text-align:left;}.elementor-10 .elementor-element.elementor-element-2b90ed7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:#5F747A;}.elementor-10 .elementor-element.elementor-element-da622e9{--display:flex;--min-height:110px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10 .elementor-element.elementor-element-d2727d1 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#D97749;font-family:"Montserrat", Sans-serif;}.elementor-10 .elementor-element.elementor-element-a0c0286{padding:0px 0px 0px 0px;text-align:left;}.elementor-10 .elementor-element.elementor-element-a0c0286 .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:#5F747A;}.elementor-10 .elementor-element.elementor-element-1980720{--display:flex;--min-height:110px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10 .elementor-element.elementor-element-dce85b9 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#D97749;font-family:"Montserrat", Sans-serif;}.elementor-10 .elementor-element.elementor-element-223bbed{padding:0px 0px 0px 0px;text-align:left;}.elementor-10 .elementor-element.elementor-element-223bbed .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:#5F747A;}.elementor-10 .elementor-element.elementor-element-9a8c15f{--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;}.elementor-10 .elementor-element.elementor-element-9a8c15f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-ce5a21a{--spacer-size:85px;}.elementor-10 .elementor-element.elementor-element-60c2878{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-60c2878.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-e6155c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-23b78f5{width:var( --container-widget-width, 37% );max-width:37%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:37%;--container-widget-flex-grow:0;text-align:justify;font-family:"Montserrat", Sans-serif;}.elementor-10 .elementor-element.elementor-element-23b78f5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-23b78f5 p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-ec9f0d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-c292576{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-e7a48e0{z-index:0;}.elementor-10 .elementor-element.elementor-element-3547887{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-59132d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-9945b15{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-6efd4cc{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-6efd4cc.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-c3b43af{--spacer-size:117px;width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-706a987{width:100%;max-width:100%;z-index:5;}.elementor-10 .elementor-element.elementor-element-706a987.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-c7ef3a2{--content-width:1600px;}.elementor-10 .elementor-element.elementor-element-2b446f7{--width:44.916%;}.elementor-10 .elementor-element.elementor-element-4258248{--width:70.631%;}.elementor-10 .elementor-element.elementor-element-b13ac77{--width:100%;}.elementor-10 .elementor-element.elementor-element-c41e2a8{--width:100%;}.elementor-10 .elementor-element.elementor-element-682a4f3{--width:50%;}.elementor-10 .elementor-element.elementor-element-52a4bc2{--width:56%;}.elementor-10 .elementor-element.elementor-element-c3d167c{--width:40%;}.elementor-10 .elementor-element.elementor-element-da622e9{--width:40%;}.elementor-10 .elementor-element.elementor-element-1980720{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-2b446f7{--width:478.469px;}.elementor-10 .elementor-element.elementor-element-4258248{--width:293px;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-c7ef3a2{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-10 .elementor-element.elementor-element-44f0747.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-10 .elementor-element.elementor-element-9eca256{width:var( --container-widget-width, 403px );max-width:403px;margin:-10px -50px calc(var(--kit-widget-spacing, 0px) + -10px) -10px;--container-widget-width:403px;--container-widget-flex-grow:0;text-align:center;}.elementor-10 .elementor-element.elementor-element-9eca256.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-b9c9f00{width:var( --container-widget-width, 412px );max-width:412px;margin:-14px -55px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;padding:0px -17px 0px 0px;--container-widget-width:412px;--container-widget-flex-grow:0;text-align:center;}.elementor-10 .elementor-element.elementor-element-b9c9f00.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-b9c9f00 p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-5041956{--e-transform-translateX:33px;--e-transform-translateY:34px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-4258248{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-ec71069{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-ec71069 img{width:100%;max-width:100%;height:100%;}.elementor-10 .elementor-element.elementor-element-d1e6b32{--e-n-carousel-swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-b13ac77{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-c41e2a8.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-50f11eb{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-50f11eb.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-bfa6a5d.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-acbb34a{width:var( --container-widget-width, 412px );max-width:412px;margin:-14px -55px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;padding:0px -17px 0px 0px;--container-widget-width:412px;--container-widget-flex-grow:0;text-align:center;}.elementor-10 .elementor-element.elementor-element-acbb34a p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-e79cf5a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-top-position:0px;}.elementor-10 .elementor-element.elementor-element-23b78f5{--container-widget-width:596px;--container-widget-flex-grow:0;width:var( --container-widget-width, 596px );max-width:596px;}.elementor-10 .elementor-element.elementor-element-706a987{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-30px 0px 0px 0px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-c7ef3a2{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c7ef3a2.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-2b446f7{--width:345px;--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;}.elementor-10 .elementor-element.elementor-element-2b446f7.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-44f0747.e-con{--e-con-transform-translateX:7px;--e-con-transform-translateY:-7px;--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-44f0747{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9eca256{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-10 .elementor-element.elementor-element-9eca256.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-b9c9f00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-b9c9f00.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-5041956{--e-transform-translateX:-6px;--e-transform-translateY:7px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-5041956.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-10 .elementor-element.elementor-element-ec71069{margin:17px 1px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-ec71069 img{width:100%;max-width:100%;height:100%;object-fit:scale-down;object-position:center center;}.elementor-10 .elementor-element.elementor-element-c73d630{--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-10 .elementor-element.elementor-element-d1e6b32{--e-n-carousel-swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-2217120{--spacer-size:124px;}.elementor-10 .elementor-element.elementor-element-50f11eb{margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-bfa6a5d{width:100%;max-width:100%;margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + -59px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-acbb34a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:13px 0px 0px 0px;--container-widget-width:306px;--container-widget-flex-grow:0;width:var( --container-widget-width, 306px );max-width:306px;}.elementor-10 .elementor-element.elementor-element-acbb34a.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-e79cf5a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-top-position:-35px;--e-n-carousel-arrow-next-top-position:-35px;}.elementor-10 .elementor-element.elementor-element-7bf04d5{--spacer-size:0px;}.elementor-10 .elementor-element.elementor-element-682a4f3{--min-height:0px;--z-index:0;}.elementor-10 .elementor-element.elementor-element-46840a9{--spacer-size:21px;}.elementor-10 .elementor-element.elementor-element-9a8c15f{--width:500px;}.elementor-10 .elementor-element.elementor-element-60c2878{width:var( --container-widget-width, 320px );max-width:320px;--container-widget-width:320px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-23b78f5{width:var( --container-widget-width, 352px );max-width:352px;--container-widget-width:352px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-23b78f5.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-c3b43af{--spacer-size:48px;}}/* Start custom CSS for html, class: .elementor-element-f3fa2d0 *//* ----------------------- */
/* BASE DA NAV + VIDRO     */
/* ----------------------- */
.glass-topbar {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1200px, calc(100% - 32px));
  z-index: 9999;

  border-radius: 32px;
  overflow: hidden;

  /* Liquid glass mais forte */
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,0.65), rgba(210,230,255,0.2)) border-box;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);

  /* Borda dupla sutil */
  border: 1px solid rgba(255,255,255,0.85);
  box-shadow: 
    0 18px 50px rgba(15, 23, 42, 0.35),
    inset 0 0 0 0.5px rgba(255,255,255,0.5);
  
  /* Fonte Montserrat garantida */
  font-family: 'Montserrat', sans-serif;
}

.thin-line {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, 
    rgba(255,255,255,0.55), 
    rgba(255,255,255,0.1), 
    rgba(255,255,255,0.55)
  );
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
}

.glass-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}

/* LOGO E LINKS DESKTOP */
.brand-logo {
  max-height: 22px;
  width: auto;
  display: block;
}
.brand-link { text-decoration: none; }

/* -------------------------------------- */
/* MENU CENTRAL (NAV) COM LARGURAS FIXAS  */
/* -------------------------------------- */
.nav {
  position: relative;
  display: inline-flex; /* IMPORTANTE: Abraça o conteúdo */
  align-items: center;
  gap: 0;
  background: rgba(15, 23, 42, 0.06);
  padding: 4px; /* Espaço entre a borda cinza e os botões */
  border-radius: 999px;
  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.4);
}

.nav-item {
  position: relative;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: rgba(15,23,42,0.7);
  font-weight: 500;
  transition: color 0.25s ease, transform 0.25s ease;
  cursor: pointer;
  white-space: nowrap;
  
  /* Centralização */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

/* DEFINIÇÃO MANUAL DE TAMANHOS (EM PIXELS) */
/* Isso garante que o texto nunca fique espremido */
.nav-item:nth-of-type(1) { width: 70px; }  /* Inicio */
.nav-item:nth-of-type(2) { width: 95px; }  /* Portfólio (maior) */
.nav-item:nth-of-type(3) { width: 70px; }  /* Sobre */
.nav-item:nth-of-type(4) { width: 90px; }  /* Contato */

.nav-item.active { color: #0f172a; }
.nav-item:hover { 
  color: #0f172a; 
  transform: translateY(-1px);
}

/* --------------------------- */
/* PÍLULA (NAV INDICATOR)      */
/* --------------------------- */
.nav-indicator {
  position: absolute;
  top: 4px;
  bottom: 4px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0%, rgba(255,255,255,0.95), rgba(210,230,255,0.8));
  box-shadow: 
    0 4px 12px rgba(15,23,42,0.15),
    inset 0 0 0 0.5px rgba(255,255,255,0.9);
  z-index: 1;
  pointer-events: none;
  
  transition: 
    left 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), 
    width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* CÁLCULOS MATEMÁTICOS PARA POSIÇÃO (PIXEL PERFECT) */

/* 1. INICIO (Posição: 4px | Largura: 70px) */
.nav-item:nth-of-type(1).active ~ .nav-indicator,
.nav-item:nth-of-type(1):hover ~ .nav-indicator {
  left: 4px;
  width: 70px;
}

/* 2. PORTFÓLIO (Posição: 74px | Largura: 95px) */
.nav-item:nth-of-type(2).active ~ .nav-indicator,
.nav-item:nth-of-type(2):hover ~ .nav-indicator {
  left: 74px;
  width: 95px;
}

/* 3. SOBRE (Posição: 169px | Largura: 70px) */
.nav-item:nth-of-type(3).active ~ .nav-indicator,
.nav-item:nth-of-type(3):hover ~ .nav-indicator {
  left: 169px;
  width: 70px;
}

/* 4. CONTATO (Posição: 239px | Largura: 90px) */
.nav-item:nth-of-type(4).active ~ .nav-indicator,
.nav-item:nth-of-type(4):hover ~ .nav-indicator {
  left: 239px;
  width: 90px;
}

/* ----------------------------------- */
/* ÍCONES SOCIAIS                      */
/* ----------------------------------- */
.actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  text-decoration: none;

  background: radial-gradient(circle at 0% 0%, rgba(147,197,253,0.95), rgba(59,130,246,0.65));
  backdrop-filter: blur(18px) saturate(200%);
  -webkit-backdrop-filter: blur(18px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.9);
  box-shadow: 
    0 10px 25px rgba(37, 99, 235, 0.55),
    inset 0 0 0 0.3px rgba(255,255,255,0.8);

  transition: transform 0.25s cubic-bezier(0.22, 0.7, 0.25, 1.3), box-shadow 0.25s ease, background 0.25s ease;
}

.social-icon:hover {
  transform: translateY(-2px) scale(1.04);
  background: radial-gradient(circle at 0% 0%, rgba(191,219,254,1), rgba(37,99,235,0.95));
  box-shadow: 0 16px 35px rgba(37, 99, 235, 0.7);
}

.social-icon svg {
  width: 60%;
  height: 60%;
  display: block;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Especificidades do Instagram */
.social-instagram path, .social-instagram .cls-1 { 
  fill: white; 
  stroke: none; 
}

/* Especificidades do E-mail (Garante que o SVG de envelope fique correto) */
.social-email svg { 
  fill: none; 
  stroke: white; 
}

/* --------------------------------- */
/* MOBILE CSS (Checkbox Hack)        */
/* --------------------------------- */
.hidden-checkbox { display: none; }

.hamburger {
  display: none;
  flex-direction: column;
  gap: 4px;
  background: rgba(255,255,255,0.5);
  border: none;
  cursor: pointer;
  z-index: 10000;
  padding: 7px 10px;
  border-radius: 999px;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 10px 25px rgba(15,23,42,0.35);
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
}

.hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #0f172a;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: 50% 50%;
}

/* Menu mobile */
.mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(15,23,42,0.85);
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  border-radius: 0 0 24px 24px;
  padding: 0 18px;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease-out, opacity 0.3s ease-out, padding 0.3s ease-out;
  overflow: hidden;
  width: 100%;
}

.mobile-item {
  padding: 12px 14px;
  font-size: 15px;
  color: #e5e7eb;
  text-decoration: none;
  border-radius: 999px;
  transition: background 0.2s, transform 0.2s;
  margin: 2px 0;
}

.mobile-item:hover {
  background: rgba(148,163,184,0.35);
  transform: translateY(-1px);
}

/* Estado aberto mobile */
#menu-toggle:checked ~ .mobile-menu {
  max-height: 260px;
  opacity: 1;
  padding: 10px 18px 14px;
}

#menu-toggle:checked ~ .glass-inner .hamburger {
  transform: translateY(1px);
  background: rgba(255,255,255,0.9);
}

#menu-toggle:checked ~ .glass-inner .hamburger span:nth-child(1) { transform: translateY(6px) rotate(45deg); width: 24px; }
#menu-toggle:checked ~ .glass-inner .hamburger span:nth-child(2) { opacity: 0; transform: translateX(-12px); }
#menu-toggle:checked ~ .glass-inner .hamburger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); width: 24px; }

/* --------------------------- */
/* MEDIA QUERY para Mobile     */
/* --------------------------- */
@media (max-width: 880px) {
  .nav, .actions { display: none; }
  .hamburger { display: flex; }
  .glass-topbar { overflow: visible; border-radius: 24px; width: calc(100% - 24px); }
  .glass-inner { padding: 10px 14px; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9eca256 *//* 1. Importação da Fonte (se necessário) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');

/* Configurações base do contêiner */
.titulo-customizado {
  font-family: 'Montserrat', sans-serif;
  /* NOVO: Aumenta o tamanho da fonte */
  font-size: 2.3em; /* Valor Exemplo: 2.5 vezes o tamanho padrão do texto */
  /* Outros estilos como alinhamento, tamanho, etc., se precisar */
}

/* Palavras Padrão (Soluções, que, sua comunicação) */
.titulo-customizado .padrao {
  color: #6a6e9e; /* Cor Azul-acinzentada */
  font-weight: 300; /* Montserrat Leve */
}

/* Palavras em Destaque (Marketing, transformam) */
.titulo-customizado .destaque {
  color: #d97749; /* Cor Laranja (equivalente a rgb(217, 119, 73)) */
  font-weight: 700; /* Montserrat Negrito */
}

/* Regra de Espaçamento (Garante que os spans fiquem inline e com espaço entre si) */
.titulo-customizado span {
  display: inline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5041956 *//* 💡 IMPORTAÇÃO DA FONTE MONTSERRAT 700 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

.btn-container {
  /* Definição de Variáveis CSS (Custom Properties) */
  --btn-color: #f47843; /* Cor principal do botão (Laranja) */
  --corner-color: #0002;
  --corner-dist: 24px;
  --corner-multiplier: 1.5;
  --timing-function: cubic-bezier(0, 0, 0, 2.5);
  --duration: 250ms;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  position: relative;
  min-width: 160px;
  min-height: calc(var(--corner-dist) * 2);
  border-radius: 16px;
  border: none;
  padding: 0.25em 1em;

  /* O DEGRADÊ ESTÁ AQUI, COBRINDO O --btn-color */
  background: linear-gradient(#fff2, #0001), var(--btn-color);
  box-shadow:
    1px 1px 2px -1px #fff inset,
    0 2px 1px #00000010,
    0 4px 2px #00000010,
    0 8px 4px #00000010,
    0 16px 8px #00000010,
    0 32px 16px #00000010;

  transition:
    transform var(--duration) var(--timing-function),
    filter var(--duration) var(--timing-function);
  -webkit-transition:
    transform var(--duration) var(--timing-function),
    -webkit-filter var(--duration) var(--timing-function);

  cursor: pointer;
}

.btn-drawer {
  position: absolute;
  display: flex;
  justify-content: center;

  min-height: 32px;
  border-radius: 16px;
  border: none;
  padding: 0.25em 1em;
  font-size: 0.8em;
  font-weight: 700; /* ⬅️ MONTSERRAT 700 */
  font-family: "Montserrat", sans-serif; /* ⬅️ MONTSERRAT */
  color: #0009;

  background: linear-gradient(#fff2, #0001), var(--btn-color);
  background-color: #fbff13;
  opacity: 0;

  transition:
    transform calc(0.5 * var(--duration)) ease,
    filter var(--duration) var(--timing-function),
    opacity calc(0.5 * var(--duration)) ease;
  -webkit-transition:
    transform calc(0.5 * var(--duration)) ease,
    -webkit-filter var(--duration) var(--timing-function),
    opacity calc(0.5 * var(--duration)) ease;
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

.transition-top {
  top: 0;
  left: 0;
  border-radius: 12px 12px 0 0;
  align-items: start;
}
.transition-bottom {
  bottom: 0;
  right: 0;
  border-radius: 0 0 12px 12px;
  align-items: end;
}

.btn-text {
  display: inline-block;

  font-size: 1.25em;
  font-family: "Montserrat", sans-serif; /* ⬅️ MONTSERRAT */
  font-weight: 700; /* ⬅️ MONTSERRAT 700 */
  color: #5550;

  background-image: linear-gradient(#f9f9f9, #f0f0f0); /* ⬅️ GRADIENTE BRANCO */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 #0006) drop-shadow(0 -1px 0 #fff6); /* ⬅️ SOMBRAS DE RELEVO BRANCO */
  -webkit-filter: drop-shadow(0 1px 0 #0006) drop-shadow(0 -1px 0 #fff6);

  transition:
    transform var(--duration) var(--timing-function),
    filter var(--duration) var(--timing-function),
    color var(--duration) var(--timing-function);
  -webkit-transition:
    transform var(--duration) var(--timing-function),
    -webkit-filter var(--duration) var(--timing-function),
    color var(--duration) var(--timing-function);
}

.btn-corner {
  position: absolute;
  width: 32px;

  fill: none;
  stroke: var(--corner-color);

  transition:
    transform var(--duration) var(--timing-function),
    filter var(--duration) var(--timing-function);
  -webkit-transition:
    transform var(--duration) var(--timing-function),
    -webkit-filter var(--duration) var(--timing-function);
}

.btn-corner:nth-of-type(1) {
  top: 0;
  left: 0;
  transform: translate(
      calc(-1 * var(--corner-dist)),
      calc(-1 * var(--corner-dist))
    )
    rotate(90deg);
}
.btn-corner:nth-of-type(2) {
  top: 0;
  right: 0;
  transform: translate(var(--corner-dist), calc(-1 * var(--corner-dist)))
    rotate(180deg);
}
.btn-corner:nth-of-type(3) {
  bottom: 0;
  right: 0;
  transform: translate(var(--corner-dist), var(--corner-dist)) rotate(-90deg);
}
.btn-corner:nth-of-type(4) {
  bottom: 0;
  left: 0;
  transform: translate(calc(-1 * var(--corner-dist)), var(--corner-dist))
    rotate(0deg);
}

/* ------------------------------------------- */
/* ⭐️ ESTADO HOVER / FOCUS-VISIBLE */
/* ------------------------------------------- */
.btn-container:has(.btn:hover),
.btn-container:has(.btn:focus-visible) {
  --btn-color: #63b5e5; /* NOVO AZUL */
  
  .btn {
    /* 💥 REAPLICA O BACKGROUND PARA USAR O NOVO --btn-color */
    background: linear-gradient(#fff2, #0001), var(--btn-color);
    
    transform: scale(1.05);
    filter: drop-shadow(0 16px 16px #0002);
    -webkit-filter: drop-shadow(0 16px 16px #0002);
  }
  .transition-top {
    transform: translateY(-24px) rotateZ(4deg);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    animation: hue-anim 3s infinite linear;
    -webkit-animation: hue-anim 3s infinite linear;
    opacity: 1;
  }
  .transition-bottom {
    transform: translateY(24px) rotateZ(4deg);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    animation: hue-anim 3s infinite linear;
    -webkit-animation: hue-anim 3s infinite linear;
    opacity: 1;
  }
  .btn-text {
    filter: drop-shadow(0 1px 0 #0006) drop-shadow(0 -1px 0 #fff6) /* ⬅️ SOMBRAS DE RELEVO BRANCO */
      drop-shadow(0px 6px 2px #0003);
    -webkit-filter: drop-shadow(0 1px 0 #0006) drop-shadow(0 -1px 0 #fff6)
      drop-shadow(0px 6px 2px #0003);
    transform: scale(1.05);
    color: #fff8; /* ⬅️ TEXTO BRANCO NO HOVER */
  }

  --corner-color: #0004;
  .btn-corner:first-of-type {
    transform: translate(
        calc(-1 * var(--corner-multiplier) * var(--corner-dist)),
        calc(-1 * var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(90deg);
    filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
  }
  .btn-corner:nth-of-type(2) {
    transform: translate(
        calc(var(--corner-multiplier) * var(--corner-dist)),
        calc(-1 * var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(180deg);
    filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
  }
  @-moz-document url-prefix() {
    .btn-corner:nth-of-type(2) {
      filter: drop-shadow(10px -10px 1px var(--corner-color))
        drop-shadow(20px -20px 2px var(--corner-color));
    }
  }
  .btn-corner:nth-of-type(3) {
    transform: translate(
        calc(var(--corner-multiplier) * var(--corner-dist)),
        calc(var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(-90deg);
    filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
  }
  .btn-corner:nth-of-type(4) {
    transform: translate(
        calc(-1 * var(--corner-multiplier) * var(--corner-dist)),
        calc(var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(0deg);
    filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 1px var(--corner-color))
      drop-shadow(-20px 20px 2px var(--corner-color));
  }
}

/* ----------------------------------- */
/* ⭐️ ESTADO ACTIVE */
/* ----------------------------------- */
.btn-container:has(.btn:active) {
  --btn-color: #63b5e5; /* NOVO AZUL */

  .btn {
    /* 💥 REAPLICA O BACKGROUND PARA USAR O NOVO --btn-color */
    background: linear-gradient(#fff2, #0001), var(--btn-color);
    
    transform: scale(0.95);
    filter: drop-shadow(0 10px 4px #0002);
    -webkit-filter: drop-shadow(0 10px 4px #0002);
  }
  .transition-top,
  .transition-bottom {
    transform: translateY(0px) scale(0.5);
  }
  .btn-text {
    filter: drop-shadow(0 1px 0 #0006) drop-shadow(0 -1px 0 #fff6) /* ⬅️ SOMBRAS DE RELEVO BRANCO */
      drop-shadow(0px 6px 2px #0003);
    -webkit-filter: drop-shadow(0 1px 0 #0006) drop-shadow(0 -1px 0 #fff6)
      drop-shadow(0px 6px 2px #0003);
    transform: scale(1);
    color: #fffa; /* ⬅️ TEXTO BRANCO NO ACTIVE */
  }
  --corner-color: #0005;
  --corner-multiplier: 0.95;
  .btn-corner:first-of-type {
    transform: translate(
        calc(-1 * var(--corner-multiplier) * var(--corner-dist)),
        calc(-1 * var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(90deg);
    filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
  }
  .btn-corner:nth-of-type(2) {
    transform: translate(
        calc(var(--corner-multiplier) * var(--corner-dist)),
        calc(-1 * var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(180deg);
    filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
  }
  @-moz-document url-prefix() {
    .btn-corner:nth-of-type(2) {
      filter: drop-shadow(10px -10px 2px var(--corner-color))
        drop-shadow(20px -20px 3px var(--corner-color));
    }
  }
  .btn-corner:nth-of-type(3) {
    transform: translate(
        calc(var(--corner-multiplier) * var(--corner-dist)),
        calc(var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(-90deg);
    filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
  }
  .btn-corner:nth-of-type(4) {
    transform: translate(
        calc(-1 * var(--corner-multiplier) * var(--corner-dist)),
        calc(var(--corner-multiplier) * var(--corner-dist))
      )
      rotate(0deg);
    filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
    -webkit-filter: drop-shadow(-10px 10px 2px var(--corner-color))
      drop-shadow(-20px 20px 3px var(--corner-color));
  }
}

@keyframes hue-anim {
  0%,
  100% {
    filter: hue-rotate(0deg);
    -webkit-filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(-70deg);
    -webkit-filter: hue-rotate(-70deg);
  }
}
@-webkit-keyframes hue-anim {
  0%,
  100% {
    -webkit-filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(-70deg);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f940331 */.texto-gradiente-animado {
    /* Seu código atual */
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; 
    font-size: 3rem; 
    text-transform: uppercase;
    display: inline-block; 
    
    background: linear-gradient(
        90deg, 
        #63b5e5 0%,         
        #686ea0 25%,         
        #63b5e5 50%,         
        #686ea0 75%,         
        #63b5e5 100%         
    );
    
    background-size: 300% auto;
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent; 
    
    animation: moverGradiente 4s linear infinite; 
    
    /* Centralização horizontal */
    text-align: center;
    width: 100%; /* ocupando toda largura do pai para centralizar */
    box-sizing: border-box;
}

/* Responsividade */
@media (max-width: 767px) {
    .texto-gradiente-animado {
        font-size: 2.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50f11eb *//* 1. Importação da Fonte */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');

/* Configurações base do contêiner */
.titulo-customizado {
  font-family: 'Montserrat', sans-serif;
  
  /* --- AJUSTE DE ALINHAMENTO AQUI --- */
  text-align: center; /* Opções: left (esquerda), right (direita), center (centro) */
  
  /* Tamanho da fonte */
  font-size: 2.3em; 
  
  /* Melhora o espaçamento entre linhas se o texto quebrar */
  line-height: 1.3; 
  
  /* Garante que o container ocupe a largura disponível para centralizar corretamente */
  width: 100%; 
  display: block;
}

/* Palavras Padrão (Soluções, que, sua comunicação) */
.titulo-customizado .padrao {
  color: #6a6e9e; /* Cor Azul-acinzentada */
  font-weight: 300; /* Montserrat Leve */
}

/* Palavras em Destaque (Marketing, transformam) */
.titulo-customizado .destaque {
  color: #d97749; /* Cor Laranja */
  font-weight: 700; /* Montserrat Negrito */
}

/* Regra de Espaçamento */
.titulo-customizado span {
  display: inline;
  /* Dica: Se quiser afastar um pouco as palavras coloridas das normais, use padding */
  /* padding: 0 5px; */ 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2d796f */.texto-gradiente-animado {
    /* Seu código atual */
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; 
    font-size: 3rem; 
    text-transform: uppercase;
    display: inline-block; 
    
    background: linear-gradient(
        90deg, 
        #63b5e5 0%,         
        #686ea0 25%,         
        #63b5e5 50%,         
        #686ea0 75%,         
        #63b5e5 100%         
    );
    
    background-size: 300% auto;
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent; 
    
    animation: moverGradiente 4s linear infinite; 
    
    /* Centralização horizontal */
    text-align: center;
    width: 100%; /* ocupando toda largura do pai para centralizar */
    box-sizing: border-box;
}

/* Responsividade */
@media (max-width: 767px) {
    .texto-gradiente-animado {
        font-size: 2.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-e79cf5a *//* 1. Define o tamanho do container principal do slider */
#video-vertical-slider {
    /* Define a altura do container que contém o carrossel. Ajuste conforme o espaço disponível na sua tela */
    height: 700px; 
    overflow: hidden;
}

/* 2. Força o alinhamento vertical (Flexbox) para o wrapper do Swiper */
#video-vertical-slider .swiper-wrapper {
    flex-direction: column;
    /* Centraliza os slides horizontalmente dentro do container */
    align-items: center; 
}

/* 3. Define as dimensões padrão dos slides (vídeos reduzidos) */
#video-vertical-slider .swiper-slide {
    width: 300px; /* Largura reduzida para o vídeo vertical (ex: 1/3 da altura 1080x1920) */
    height: 500px; /* Altura do vídeo vertical reduzida */
    margin: 10px 0; /* Espaçamento vertical entre slides */
    transition: all 0.5s ease-in-out;
}

/* 4. Garante que o vídeo vertical se ajuste ao slide reduzido */
.video-vertical-content {
    /* Se você usou o widget de Vídeo, adicione .elementor-widget-video na frente. Se não, use apenas .video-vertical-content */
    width: 100%;
    height: 100%;
}
.video-vertical-content video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que o vídeo 1080x1920 preencha o slide (corte nas laterais) */
}

/* 5. Estilo para o Slide Ativo (o vídeo principal) */
#video-vertical-slider .swiper-slide-active {
    opacity: 1;
    transform: scale(1.15); /* Um leve zoom para destacá-lo */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    z-index: 10; /* Garante que ele fique por cima dos outros */
}

/* 6. Ajuste opcional das setas de navegação */
#video-vertical-slider .swiper-button-prev,
#video-vertical-slider .swiper-button-next {
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    /* Ajuste as posições para topo e base */
    z-index: 11;
}
#video-vertical-slider .swiper-button-prev { top: 0; }
#video-vertical-slider .swiper-button-next { bottom: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-320f59f *//* Arredondamento das bordas do vídeo no Elementor */
.elementor-widget-video video {
  border-radius: 15px;
}

/* Linha branca ao redor do vídeo */
.elementor-widget-video video {
  border: 15px solid white;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f09ded2 *//* ------------------------------------------------------------------- */
/* CÓDIGO STICKY (Fixação do Texto) */
/* ------------------------------------------------------------------- */

.elementor-10 .elementor-element.elementor-element-f09ded2{

    position: sticky;

    top: 300px;

    left: 0;

}



@media(max-width: 767px){

    .elementor-10 .elementor-element.elementor-element-f09ded2{

    position: sticky;

    top: 50px;

    left: 0;

    }

}

/* ------------------------------------------------------------------- */
/* CÓDIGO DO TEXTO GRADIENTE, ANIMAÇÃO E FONTE */
/* ------------------------------------------------------------------- */

.texto-gradiente-animado {
    /* FONTE */
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; 
    font-size: 5rem; /* Tamanho para Desktop */
    text-transform: uppercase;
    display: inline-block; 
    
    /* EFEITO GRADIENTE */
    background: linear-gradient(
        90deg, 
        #63b5e5 0%,         
        #686ea0 25%,         
        #63b5e5 50%,         
        #686ea0 75%,         
        #63b5e5 100%         
    );
    
    background-size: 300% auto;
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent; 
    
    /* ANIMAÇÃO */
    animation: moverGradiente 4s linear infinite; 
}

/* Definição da Animação */
@keyframes moverGradiente {
    to {
        background-position: 300% center; 
    }
}

/* ------------------------------------------------------------------- */
/* RESPONSIVIDADE (Celular) */
/* ------------------------------------------------------------------- */

@media (max-width: 767px) {
    /* TAMANHO DA FONTE PARA MOBILE */
    .texto-gradiente-animado {
        font-size: 2.5rem; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01519b1 */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px; 
  height: 40px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20945e2 */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px; 
  height: 50px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a232a41 */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px; 
  height: 40px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbd018e */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px; 
  height: 40px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b53fe20 */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px; 
  height: 40px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e3eda6 */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px; 
  height: 40px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6baf788 */.card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em; 
  width: 100%;
  
  border-radius: 30px;
  /* Vidro Fosco */
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /* Drop Shadow Aplicado */
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1),
    0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  /* Garante que o conteúdo interno fique acima do ::before */
  z-index: 1; 
}

/* --- Pseudo-Elementos de Efeito --- */

/* Elipse no canto inferior direito, mais sutil */
.card::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #80b4e2;
  filter: blur(70px);
  border-radius: 50%;
  transition: width 1s, height 1s;
  z-index: -1;
}

/* 🔵 Elipse Azul Principal (SAINDO DO CENTRO e COBRINDO TUDO) 🔵 */
.card::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 
  
  /* Começa pequeno e muito desfocado (efeito de brilho no fundo) */
  width: 10px; 
  height: 10px;
  background: #80b4e2;
  filter: blur(100px); 
  border-radius: 50%;
  /* Inclui a transição para o filtro de desfoque */
  transition: width 0.7s, height 0.7s, filter 0.7s; 
  z-index: -1;
}

.card:hover::before {
  /* 👇 AJUSTES CHAVE AQUI: AUMENTO UNIFORME E REMOÇÃO DO BLUR */
  
  top: 50%;
  left: 50%;
  /* MANTÉM O ELEMENTO FIXO NO CENTRO */
  transform: translate(-50%, -50%); 

  /* Aumenta o tamanho o suficiente para cobrir qualquer dimensão do card */
  width: 400vmax; /* Usando vmax garante que a maior dimensão da viewport seja coberta */
  height: 400vmax; 
  
  /* Remove o desfoque para a cor azul aparecer de forma sólida cobrindo o fundo */
  filter: blur(0px); 
}

/* --- O restante do CSS (Mantido) --- */

.containers {
  position: relative;
  width: 100%; 
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px; 
  height: 40px;
  border-radius: 6px;
  background: #fffffff;
  z-index: 2;
}

.icon svg {
  width: 100%;
  height: 100%;
}

.title {
  color: #5f747a;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
  font-family: 'Roboto', sans-serif;
  z-index: 2;
}
.subtitle {
  color: #7e8882;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  transition: 1s all;
  text-align: left; 
  font-family: nexa;
  z-index: 2;
}

/* --- HOVER EFFECTS --- */

.card:hover .icon {
  background: #80b4e2;
  transition: 1s all;
}

.card:hover .icon svg {
  filter: brightness(0) invert(1);
  transition: 1s all;
}

.card:hover .title,
.card:hover .subtitle { 
  color: #fff;
  transition: 1s all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32b450c */.texto-gradiente-animado {
    /* Seu código atual */
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; 
    font-size: 3rem; 
    text-transform: uppercase;
    display: inline-block; 
    
    background: linear-gradient(
        90deg, 
        #63b5e5 0%,         
        #686ea0 25%,         
        #63b5e5 50%,         
        #686ea0 75%,         
        #63b5e5 100%         
    );
    
    background-size: 300% auto;
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent; 
    
    animation: moverGradiente 4s linear infinite; 
    
    /* Centralização horizontal */
    text-align: center;
    width: 100%; /* ocupando toda largura do pai para centralizar */
    box-sizing: border-box;
}

/* Responsividade */
@media (max-width: 767px) {
    .texto-gradiente-animado {
        font-size: 2.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421711f */html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-image: url('https://mrmotion.com.br/wp-content/uploads/2025/12/BG_v2-1-scaled.png');
  
  /* AJUSTES AQUI */
  background-repeat: repeat-y; /* Faz a imagem repetir no eixo vertical (pra baixo) */
  background-size: 100% auto;  /* Largura 100% da tela, altura automática proporcional */
  
  background-position: center top;
  background-attachment: scroll;
  font-family: Arial, sans-serif;
  color: #fff;

  min-height: 100vh;
  position: relative;
}

.conteudo {
  position: relative;
  z-index: 1;
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* Responsividade */
@media (max-width: 767px) {
  body {
    /* Mantém a lógica de repetição no mobile */
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: scroll; 
  }

  .conteudo {
    padding: 10px;
    font-size: 1rem;
  }
}/* End custom CSS */