.elementor-9211 .elementor-element.elementor-element-gfzumo2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-9211 .elementor-element.elementor-element-gfzumo2:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-gfzumo2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9211 .elementor-element.elementor-element-gfzumo2 > .elementor-background-overlay{background-color:#FFFFFF;background-image:url("https://jclandscapingmanagementllc.com/wp-content/uploads/2026/09/footer-bg.webp");opacity:0.42;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9211 .elementor-element.elementor-element-gfzumo2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:195px 0px 100px 0px;}.elementor-9211 .elementor-element.elementor-element-4adad99 > .elementor-element-populated{padding:0px 150px 0px 150px;}.elementor-9211 .elementor-element.elementor-element-1d09c42 .elementor-heading-title{color:#BDBDBD;}.elementor-9211 .elementor-element.elementor-element-d0d6190 .elementor-heading-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-6ce43f4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-6ce43f4{color:#BDBDBD;}.elementor-9211 .elementor-element.elementor-element-57c307d .elementor-button{background-color:#00EA00;}.elementor-9211 .elementor-element.elementor-element-57c307d > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-201d3a3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-9211 .elementor-element.elementor-element-5bad005{--e-image-carousel-slides-to-show:2;width:var( --container-widget-width, 99% );max-width:99%;--container-widget-width:99%;--container-widget-flex-grow:0;}.elementor-9211 .elementor-element.elementor-element-5bad005 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-9211 .elementor-element.elementor-element-5bad005.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9211 .elementor-element.elementor-element-5bad005 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-9211 .elementor-element.elementor-element-5bad005 .elementor-swiper-button.elementor-swiper-button-next{font-size:50px;}.elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-wrapper{display:flex;align-items:center;}.elementor-9211 .elementor-element.elementor-element-5bad005 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-9211 .elementor-element.elementor-element-2a17c3c > .elementor-widget-container{margin:-20px 0px -37px 0px;}.elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper .elementor-progress-bar{background-color:#048000;}.elementor-9211 .elementor-element.elementor-element-6772f5b > .elementor-widget-container{margin:-20px 0px -37px 0px;}.elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper .elementor-progress-bar{background-color:#048000;}.elementor-9211 .elementor-element.elementor-element-42f4563 > .elementor-widget-container{margin:-20px 0px -37px 0px;}.elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper .elementor-progress-bar{background-color:#048000;}.elementor-9211 .elementor-element.elementor-element-ffb0c8d > .elementor-widget-container{margin:-20px 0px -37px 0px;}.elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper .elementor-progress-bar{background-color:#048000;}.elementor-9211 .elementor-element.elementor-element-3a09d34{--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;--overlay-opacity:0.5;}.elementor-9211 .elementor-element.elementor-element-3a09d34::before, .elementor-9211 .elementor-element.elementor-element-3a09d34 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-3a09d34 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-3a09d34 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-3a09d34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-3a09d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0DF205;--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-f48811a{width:100%;max-width:100%;}.elementor-9211 .elementor-element.elementor-element-d78eabe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9211 .elementor-element.elementor-element-d78eabe > .elementor-shape-bottom .elementor-shape-fill, .elementor-9211 .elementor-element.elementor-element-d78eabe > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor1 );}.elementor-9211 .elementor-element.elementor-element-d78eabe > .elementor-shape-bottom, .elementor-9211 .elementor-element.elementor-element-d78eabe > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-9211 .elementor-element.elementor-element-03ed8af{--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;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:30px;}.elementor-9211 .elementor-element.elementor-element-03ed8af::before, .elementor-9211 .elementor-element.elementor-element-03ed8af > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-03ed8af > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-03ed8af > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-03ed8af > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-03ed8af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #0000006E 100%);}.elementor-9211 .elementor-element.elementor-element-03ed8af::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 4px ) hue-rotate( 0deg );}.elementor-9211 .elementor-element.elementor-element-afb3d2e{--spacer-size:50px;}.elementor-9211 .elementor-element.elementor-element-1ea86f3 .elementor-heading-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-a15dbfe{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-2c39f0a .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-2c39f0a .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor4 );transition:fill 0.3s;}.elementor-9211 .elementor-element.elementor-element-2c39f0a{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9211 .elementor-element.elementor-element-2c39f0a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-777e3b5{--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:flex-end;--align-items:flex-end;}.elementor-9211 .elementor-element.elementor-element-f9e7c03{--display:flex;--overlay-opacity:0.5;}.elementor-9211 .elementor-element.elementor-element-f9e7c03::before, .elementor-9211 .elementor-element.elementor-element-f9e7c03 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-f9e7c03 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-f9e7c03 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-f9e7c03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-f9e7c03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-f9e7c03::before{filter:brightness( 23% ) contrast( 170% ) saturate( 100% ) blur( 9.6px ) hue-rotate( 0deg );}.elementor-9211 .elementor-element.elementor-element-df113a2{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-df113a2 .elementor-headline{text-align:center;font-family:"Caveat", Sans-serif;font-size:44px;font-weight:700;}.elementor-9211 .elementor-element.elementor-element-df113a2 .elementor-headline-plain-text{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-df113a2 .elementor-headline-dynamic-wrapper path{stroke:#00BE1E;stroke-linecap:round;stroke-linejoin:round;}.elementor-9211 .elementor-element.elementor-element-48acff6{--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-9211 .elementor-element.elementor-element-985a26e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-9211 .elementor-element.elementor-element-985a26e:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-985a26e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9211 .elementor-element.elementor-element-985a26e > .elementor-background-overlay{background-color:#000000;opacity:0.51;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9211 .elementor-element.elementor-element-985a26e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 40px 0px;}.elementor-9211 .elementor-element.elementor-element-985a26e > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-985a26e > .elementor-shape-top svg{height:33px;}.elementor-9211 .elementor-element.elementor-element-3a3b5e7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9211 .elementor-element.elementor-element-3a3b5e7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jclandscapingmanagementllc.com/wp-content/uploads/2019/06/leaves-free-img.png");background-position:top right;background-repeat:no-repeat;background-size:31% auto;}.elementor-9211 .elementor-element.elementor-element-3a3b5e7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-3a3b5e7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9211 .elementor-element.elementor-element-34f495e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-34f495e .elementor-icon-wrapper{text-align:start;}.elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-stacked .elementor-icon{background-color:#F0F0F0;color:#212121;}.elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-framed .elementor-icon, .elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-default .elementor-icon{color:#F0F0F0;border-color:#F0F0F0;}.elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-framed .elementor-icon, .elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-default .elementor-icon svg{fill:#F0F0F0;}.elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-framed .elementor-icon{background-color:#212121;}.elementor-9211 .elementor-element.elementor-element-34f495e.elementor-view-stacked .elementor-icon svg{fill:#212121;}.elementor-9211 .elementor-element.elementor-element-34f495e .elementor-icon{font-size:25px;padding:16px;border-radius:5% 5% 5% 45%;}.elementor-9211 .elementor-element.elementor-element-34f495e .elementor-icon svg{height:25px;}.elementor-9211 .elementor-element.elementor-element-39384a4 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-39384a4 .elementor-heading-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-f9319d3 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-f9319d3 .elementor-heading-title{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-a4419a2 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-9211 .elementor-element.elementor-element-a4419a2{color:#FFFFFF;}.elementor-9211 .elementor-element.elementor-element-b6b81df:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8DC556;}.elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-element-populated, .elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-element-populated > .elementor-background-overlay, .elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-background-slideshow{border-radius:5% 5% 5% 5%;}.elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-element-populated{box-shadow:-2px 2px 10px -2px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9211 .elementor-element.elementor-element-8a6b537 > .elementor-widget-container{margin:10px 10px 0px 10px;}.elementor-9211 .elementor-element.elementor-element-8a6b537 img{border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9211 .elementor-element.elementor-element-7890537 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-9211 .elementor-element.elementor-element-7890537 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-7890537 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-9211 .elementor-element.elementor-element-7890537{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9211 .elementor-element.elementor-element-7890537 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-9211 .elementor-element.elementor-element-7890537 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9211 .elementor-element.elementor-element-7890537 .elementor-icon-list-item > a{font-weight:600;}.elementor-9211 .elementor-element.elementor-element-7890537 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-00f6c11{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:050px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9211 .elementor-element.elementor-element-00f6c11:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-00f6c11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jclandscapingmanagementllc.com/wp-content/uploads/2026/09/JC-LANDSCAPING-MANAGEMENT-LLC-1.jpeg");background-position:center center;background-size:cover;}.elementor-9211 .elementor-element.elementor-element-00f6c11 > .elementor-shape-top .elementor-shape-fill, .elementor-9211 .elementor-element.elementor-element-00f6c11 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-9211 .elementor-element.elementor-element-c137b02{--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;--overlay-opacity:0.7;}.elementor-9211 .elementor-element.elementor-element-c137b02::before, .elementor-9211 .elementor-element.elementor-element-c137b02 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-c137b02 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-c137b02 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-c137b02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-c137b02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-c137b02::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 10px ) hue-rotate( 0deg );}.elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-9211 .elementor-element.elementor-element-2ffdaac{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-text{transition:color 0.3s;}.elementor-9211 .elementor-element.elementor-element-973d384{--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;--overlay-opacity:0.7;}.elementor-9211 .elementor-element.elementor-element-973d384::before, .elementor-9211 .elementor-element.elementor-element-973d384 > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-973d384 > .e-con-inner > .elementor-background-video-container::before, .elementor-9211 .elementor-element.elementor-element-973d384 > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-973d384 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9211 .elementor-element.elementor-element-973d384 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9211 .elementor-element.elementor-element-973d384::before{filter:brightness( 39% ) contrast( 145% ) saturate( 100% ) blur( 8.4px ) hue-rotate( 0deg );}.elementor-9211 .elementor-element.elementor-element-02354e8 .hfe-infocard{text-align:left;}.elementor-9211 .elementor-element.elementor-element-02354e8 .elementor-button{border-style:none;}.elementor-9211 .elementor-element.elementor-element-02354e8 .hfe-infocard-title{color:#FFFFFF;margin:0px 0px 10px 0px;}.elementor-9211 .elementor-element.elementor-element-02354e8 .hfe-infocard-text{color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-02354e8 .hfe-infocard-cta-link-style, .elementor-9211 .elementor-element.elementor-element-02354e8 .hfe-button-wrapper{margin:10px 0px 0px 0px;}body.elementor-page-9211:not(.elementor-motion-effects-element-type-background), body.elementor-page-9211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9211 .elementor-element.elementor-element-gfzumo2{padding:100px 50px 80px 50px;}.elementor-bc-flex-widget .elementor-9211 .elementor-element.elementor-element-4adad99.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-9211 .elementor-element.elementor-element-4adad99.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-9211 .elementor-element.elementor-element-4adad99 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-6ce43f4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-57c307d > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-5bad005{--e-image-carousel-slides-to-show:2;}.elementor-9211 .elementor-element.elementor-element-985a26e{padding:65px 30px 65px 30px;}.elementor-9211 .elementor-element.elementor-element-34f495e .elementor-icon{font-size:22px;}.elementor-9211 .elementor-element.elementor-element-34f495e .elementor-icon svg{height:22px;}.elementor-9211 .elementor-element.elementor-element-39384a4 > .elementor-widget-container{margin:5px 0px 5px 0px;padding:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-f9319d3 > .elementor-widget-container{margin:5px 0px 5px 0px;padding:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-a4419a2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-element-populated{margin:50px 0px 0px 27px;--e-column-margin-right:0px;--e-column-margin-left:27px;}.elementor-9211 .elementor-element.elementor-element-7890537{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;}}@media(max-width:767px){.elementor-9211 .elementor-element.elementor-element-gfzumo2{padding:60px 35px 60px 35px;}.elementor-9211 .elementor-element.elementor-element-201d3a3 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-9211 .elementor-element.elementor-element-5bad005{--e-image-carousel-slides-to-show:2;}.elementor-9211 .elementor-element.elementor-element-5bad005 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-9211 .elementor-element.elementor-element-5bad005 .elementor-swiper-button.elementor-swiper-button-next{font-size:30px;}.elementor-9211 .elementor-element.elementor-element-d78eabe:not(.elementor-motion-effects-element-type-background), .elementor-9211 .elementor-element.elementor-element-d78eabe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-9211 .elementor-element.elementor-element-d78eabe > .elementor-shape-bottom svg, .elementor-9211 .elementor-element.elementor-element-d78eabe > .e-con-inner > .elementor-shape-bottom svg{height:40px;}.elementor-9211 .elementor-element.elementor-element-03ed8af{--overlay-opacity:1;}.elementor-9211 .elementor-element.elementor-element-985a26e{padding:65px 35px 66px 35px;}.elementor-9211 .elementor-element.elementor-element-39384a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-f9319d3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9211 .elementor-element.elementor-element-b6b81df > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-9211 .elementor-element.elementor-element-7890537{--e-icon-list-icon-size:15px;}}@media(min-width:768px){.elementor-9211 .elementor-element.elementor-element-4adad99{width:47%;}.elementor-9211 .elementor-element.elementor-element-201d3a3{width:53%;}.elementor-9211 .elementor-element.elementor-element-03ed8af{--width:33.3333%;}.elementor-9211 .elementor-element.elementor-element-777e3b5{--width:66.6666%;}.elementor-9211 .elementor-element.elementor-element-f9e7c03{--width:27%;}.elementor-9211 .elementor-element.elementor-element-48acff6{--content-width:100%;}.elementor-9211 .elementor-element.elementor-element-3a3b5e7{width:50%;}.elementor-9211 .elementor-element.elementor-element-b6b81df{width:50%;}.elementor-9211 .elementor-element.elementor-element-c137b02{--width:33.3333%;}.elementor-9211 .elementor-element.elementor-element-973d384{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9211 .elementor-element.elementor-element-3a3b5e7{width:55%;}.elementor-9211 .elementor-element.elementor-element-b6b81df{width:45%;}}/* Start custom CSS for image-carousel, class: .elementor-element-5bad005 *//* ========================================================= 🌿 PREMIUM LANDSCAPING CAROUSEL BOTANICAL FRAME / GREEN GLOW ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 { position: relative; padding: 18px !important; background: radial-gradient( circle at 50% 50%, rgba(76,217,11,.10), transparent 65% ), linear-gradient( 135deg, #020702, #071508 50%, #020702 ); border: 1px solid rgba(76,217,11,.65); border-radius: 26px; box-shadow: 0 20px 50px rgba(0,0,0,.65), inset 0 0 35px rgba(76,217,11,.08), 0 0 25px rgba(76,217,11,.15); overflow: visible; } /* ========================================================= 🌿 HOJAS — ESQUINA SUPERIOR IZQUIERDA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005::before { content: "🍃🌿🍃"; position: absolute; top: -30px; left: -20px; font-size: 48px; letter-spacing: -12px; transform: rotate(-15deg); filter: drop-shadow(0 4px 5px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(76,217,11,.25)); z-index: 20; pointer-events: none; } /* ========================================================= 🌿 HOJAS — ESQUINA SUPERIOR DERECHA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005::after { content: "🌿🍃🌿"; position: absolute; top: -28px; right: -18px; font-size: 46px; letter-spacing: -10px; transform: rotate(18deg); filter: drop-shadow(0 4px 5px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(76,217,11,.25)); z-index: 20; pointer-events: none; } /* ========================================================= 🌱 DECORACIÓN BOTÁNICA INFERIOR ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper { position: relative; } /* ========================================================= 🌿 HOJAS INFERIORES ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper::before { content: "🌿🍃🌱🍃🌿"; position: absolute; left: 50%; bottom: -38px; transform: translateX(-50%) rotate(-2deg); font-size: 42px; letter-spacing: -13px; white-space: nowrap; filter: drop-shadow(0 5px 6px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(76,217,11,.3)); z-index: 30; pointer-events: none; } /* ========================================================= 🌱 PASTO INFERIOR ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper::after { content: ""; position: absolute; left: -2%; bottom: -25px; width: 104%; height: 35px; background: linear-gradient( 165deg, transparent 0 12%, #173d12 13% 17%, transparent 18% 25%, #245d16 26% 30%, transparent 31% 42%, #0f350e 43% 48%, transparent 49% 60%, #245d16 61% 65%, transparent 66% ); opacity: .85; z-index: 25; pointer-events: none; } /* ========================================================= 🖼️ SLIDES ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide { padding: 5px; transition: transform .45s ease, filter .45s ease; } /* ========================================================= 📸 FOTOS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide img { width: 100%; display: block; border-radius: 22px; border: 2px solid rgba(255,255,255,.20); box-shadow: 0 12px 30px rgba(0,0,0,.55); transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .4s ease, border-color .4s ease, box-shadow .4s ease; } /* ========================================================= ✨ HOVER DE FOTO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide:hover img { transform: scale(1.025); filter: brightness(1.08) saturate(1.12); border-color: #4CD90B; box-shadow: 0 18px 40px rgba(0,0,0,.65), 0 0 25px rgba(76,217,11,.35); } /* ========================================================= 🟢 MARCO LUMINOSO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide::before { content: ""; position: absolute; top: 5px; left: 8%; width: 84%; height: 3px; background: linear-gradient( 90deg, transparent, #19a463, #4CD90B, #19a463, transparent ); border-radius: 20px; box-shadow: 0 0 12px rgba(76,217,11,.7); opacity: .75; z-index: 10; pointer-events: none; } /* ========================================================= 🪨 DECORACIÓN LATERAL ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide:first-child::after { content: "🪨"; position: absolute; bottom: -18px; left: 8px; font-size: 30px; opacity: .9; filter: drop-shadow(0 4px 5px rgba(0,0,0,.7)); z-index: 35; pointer-events: none; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide:last-child::after { content: "🪨"; position: absolute; bottom: -18px; right: 8px; font-size: 30px; opacity: .9; filter: drop-shadow(0 4px 5px rgba(0,0,0,.7)); z-index: 35; pointer-events: none; } /* ========================================================= ⬅️➡️ FLECHAS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-prev, .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-next { width: 48px !important; height: 48px !important; background: rgba(3,15,6,.92) !important; border: 2px solid #4CD90B; border-radius: 50%; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 8px 20px rgba(0,0,0,.6), 0 0 18px rgba(76,217,11,.35); transition: transform .3s ease, background .3s ease, box-shadow .3s ease; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-prev::after, .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-next::after { color: #ffffff; font-size: 18px !important; font-weight: 900; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-prev:hover, .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-next:hover { background: #4CD90B !important; transform: scale(1.15); box-shadow: 0 0 30px rgba(76,217,11,.75); } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-prev:hover::after, .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-next:hover::after { color: #031003; } /* ========================================================= 🟢 PUNTOS DEL CARRUSEL ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-pagination { bottom: -5px !important; z-index: 40; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-pagination-bullet { width: 8px; height: 8px; background: #ffffff; opacity: .45; transition: all .3s ease; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-pagination-bullet-active { width: 28px; border-radius: 20px; background: #4CD90B; opacity: 1; box-shadow: 0 0 12px rgba(76,217,11,.8); } /* ========================================================= 🌿 EFECTO HOVER EN TODO EL SLIDE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide:hover { transform: translateY(-4px); z-index: 15; } /* ========================================================= 📱 MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9211 .elementor-element.elementor-element-5bad005 { padding: 8px !important; border-radius: 18px; } .elementor-9211 .elementor-element.elementor-element-5bad005::before, .elementor-9211 .elementor-element.elementor-element-5bad005::after { font-size: 30px; letter-spacing: -8px; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper::before { font-size: 28px; letter-spacing: -9px; bottom: -25px; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-slide img { border-radius: 16px; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-prev, .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-next { width: 36px !important; height: 36px !important; } .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-prev::after, .elementor-9211 .elementor-element.elementor-element-5bad005 .swiper-button-next::after { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for progress, class: .elementor-element-2a17c3c *//* ========================================================= BOTANICAL LANDSCAPING STATS Pegar en: Elementor > Container > Advanced > Custom CSS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c { position: relative; overflow: hidden; padding: 28px 20px !important; background: linear-gradient( 135deg, rgba(2, 15, 7, .96), rgba(5, 30, 13, .94) ); border: 1px solid rgba(76, 217, 11, .35); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.35); border-radius: 22px; } /* ========================================================= DECORACIÓN BOTÁNICA DEL CONTENEDOR ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c::before { content: "🌿"; position: absolute; left: -8px; top: 5px; font-size: 65px; opacity: .12; transform: rotate(-25deg); pointer-events: none; } .elementor-9211 .elementor-element.elementor-element-2a17c3c::after { content: "🌿"; position: absolute; right: -8px; bottom: 0; font-size: 70px; opacity: .12; transform: rotate(25deg); pointer-events: none; } /* ========================================================= CADA BARRA / ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper { position: relative; height: 52px !important; overflow: visible !important; margin-bottom: 20px; background: linear-gradient( 135deg, rgba(255,255,255,.07), rgba(255,255,255,.02) ) !important; border: 1px solid rgba(76,217,11,.28); border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(0,0,0,.22); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } /* ========================================================= HOVER ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:hover { transform: translateX(6px); border-color: rgba(76,217,11,.85); box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 22px rgba(76,217,11,.16); } /* ========================================================= BARRA VERDE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-bar { position: relative; height: 100% !important; background: linear-gradient( 90deg, #0b3d20 0%, #19a463 45%, #4CD90B 100% ) !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 0 12px rgba(76,217,11,.35); animation: landscapingProgress 1.4s ease-out both; } /* ========================================================= TEXT DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-text { position: relative; z-index: 5; padding-left: 18px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .2px; text-shadow: 0 2px 5px rgba(0,0,0,.65); } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-percentage { position: relative; z-index: 6; padding-right: 18px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; text-shadow: 0 2px 5px rgba(0,0,0,.6); } /* ========================================================= BRILLO ANIMADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-bar::after { content: ""; position: absolute; top: 0; left: -40%; width: 35%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.32), transparent ); transform: skewX(-20deg); animation: greenShine 3.5s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTURA DE HOJAS DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-bar::before { content: "🍃 🍃 🍃 🍃 🍃 🍃"; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: 15px; letter-spacing: 24px; opacity: .13; pointer-events: none; } /* ========================================================= PEQUEÑO DETALLE VERDE AL LADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper::before { content: ""; position: absolute; left: -8px; top: 50%; width: 5px; height: 65%; transform: translateY(-50%); background: #4CD90B; border-radius: 10px; box-shadow: 0 0 12px rgba(76,217,11,.8); opacity: .8; transition: height .3s ease; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:hover::before { height: 85%; } /* ========================================================= HOJAS DECORATIVAS EN LOS EXTREMOS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(1)::after, .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(2)::after, .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(3)::after, .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(4)::after { position: absolute; right: -13px; top: 50%; transform: translateY(-50%) rotate(10deg); font-size: 25px; z-index: 20; filter: drop-shadow(0 3px 5px rgba(0,0,0,.5)); transition: transform .35s ease; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(1)::after { content: "🌿"; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(2)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(3)::after { content: "🌱"; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(4)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:hover::after { transform: translateY(-50%) rotate(-12deg) scale(1.25); } /* ========================================================= ANIMACIONES ========================================================= */ @keyframes greenShine { 0% { left: -40%; } 45% { left: 120%; } 100% { left: 120%; } } @keyframes landscapingProgress { from { width: 0; } } /* ========================================================= FLOAT BOTANICAL EFFECT ========================================================= */ .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(odd)::after { animation: leafFloat 3s ease-in-out infinite; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper:nth-child(even)::after { animation: leafFloat 3.6s ease-in-out infinite reverse; } @keyframes leafFloat { 0%, 100% { margin-top: 0; } 50% { margin-top: -5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9211 .elementor-element.elementor-element-2a17c3c { padding: 20px 12px !important; border-radius: 16px; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper { height: 48px !important; margin-bottom: 14px; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-text { font-size: 12px !important; padding-left: 13px !important; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-percentage { font-size: 12px !important; padding-right: 13px !important; } .elementor-9211 .elementor-element.elementor-element-2a17c3c .elementor-progress-wrapper::after { right: -8px; font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for progress, class: .elementor-element-6772f5b *//* ========================================================= BOTANICAL LANDSCAPING STATS Pegar en: Elementor > Container > Advanced > Custom CSS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b { position: relative; overflow: hidden; padding: 28px 20px !important; background: linear-gradient( 135deg, rgba(2, 15, 7, .96), rgba(5, 30, 13, .94) ); border: 1px solid rgba(76, 217, 11, .35); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.35); border-radius: 22px; } /* ========================================================= DECORACIÓN BOTÁNICA DEL CONTENEDOR ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b::before { content: "🌿"; position: absolute; left: -8px; top: 5px; font-size: 65px; opacity: .12; transform: rotate(-25deg); pointer-events: none; } .elementor-9211 .elementor-element.elementor-element-6772f5b::after { content: "🌿"; position: absolute; right: -8px; bottom: 0; font-size: 70px; opacity: .12; transform: rotate(25deg); pointer-events: none; } /* ========================================================= CADA BARRA / ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper { position: relative; height: 52px !important; overflow: visible !important; margin-bottom: 20px; background: linear-gradient( 135deg, rgba(255,255,255,.07), rgba(255,255,255,.02) ) !important; border: 1px solid rgba(76,217,11,.28); border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(0,0,0,.22); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } /* ========================================================= HOVER ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:hover { transform: translateX(6px); border-color: rgba(76,217,11,.85); box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 22px rgba(76,217,11,.16); } /* ========================================================= BARRA VERDE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-bar { position: relative; height: 100% !important; background: linear-gradient( 90deg, #0b3d20 0%, #19a463 45%, #4CD90B 100% ) !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 0 12px rgba(76,217,11,.35); animation: landscapingProgress 1.4s ease-out both; } /* ========================================================= TEXT DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-text { position: relative; z-index: 5; padding-left: 18px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .2px; text-shadow: 0 2px 5px rgba(0,0,0,.65); } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-percentage { position: relative; z-index: 6; padding-right: 18px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; text-shadow: 0 2px 5px rgba(0,0,0,.6); } /* ========================================================= BRILLO ANIMADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-bar::after { content: ""; position: absolute; top: 0; left: -40%; width: 35%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.32), transparent ); transform: skewX(-20deg); animation: greenShine 3.5s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTURA DE HOJAS DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-bar::before { content: "🍃 🍃 🍃 🍃 🍃 🍃"; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: 15px; letter-spacing: 24px; opacity: .13; pointer-events: none; } /* ========================================================= PEQUEÑO DETALLE VERDE AL LADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper::before { content: ""; position: absolute; left: -8px; top: 50%; width: 5px; height: 65%; transform: translateY(-50%); background: #4CD90B; border-radius: 10px; box-shadow: 0 0 12px rgba(76,217,11,.8); opacity: .8; transition: height .3s ease; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:hover::before { height: 85%; } /* ========================================================= HOJAS DECORATIVAS EN LOS EXTREMOS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(1)::after, .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(2)::after, .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(3)::after, .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(4)::after { position: absolute; right: -13px; top: 50%; transform: translateY(-50%) rotate(10deg); font-size: 25px; z-index: 20; filter: drop-shadow(0 3px 5px rgba(0,0,0,.5)); transition: transform .35s ease; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(1)::after { content: "🌿"; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(2)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(3)::after { content: "🌱"; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(4)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:hover::after { transform: translateY(-50%) rotate(-12deg) scale(1.25); } /* ========================================================= ANIMACIONES ========================================================= */ @keyframes greenShine { 0% { left: -40%; } 45% { left: 120%; } 100% { left: 120%; } } @keyframes landscapingProgress { from { width: 0; } } /* ========================================================= FLOAT BOTANICAL EFFECT ========================================================= */ .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(odd)::after { animation: leafFloat 3s ease-in-out infinite; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper:nth-child(even)::after { animation: leafFloat 3.6s ease-in-out infinite reverse; } @keyframes leafFloat { 0%, 100% { margin-top: 0; } 50% { margin-top: -5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9211 .elementor-element.elementor-element-6772f5b { padding: 20px 12px !important; border-radius: 16px; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper { height: 48px !important; margin-bottom: 14px; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-text { font-size: 12px !important; padding-left: 13px !important; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-percentage { font-size: 12px !important; padding-right: 13px !important; } .elementor-9211 .elementor-element.elementor-element-6772f5b .elementor-progress-wrapper::after { right: -8px; font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for progress, class: .elementor-element-42f4563 *//* ========================================================= BOTANICAL LANDSCAPING STATS Pegar en: Elementor > Container > Advanced > Custom CSS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 { position: relative; overflow: hidden; padding: 28px 20px !important; background: linear-gradient( 135deg, rgba(2, 15, 7, .96), rgba(5, 30, 13, .94) ); border: 1px solid rgba(76, 217, 11, .35); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.35); border-radius: 22px; } /* ========================================================= DECORACIÓN BOTÁNICA DEL CONTENEDOR ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563::before { content: "🌿"; position: absolute; left: -8px; top: 5px; font-size: 65px; opacity: .12; transform: rotate(-25deg); pointer-events: none; } .elementor-9211 .elementor-element.elementor-element-42f4563::after { content: "🌿"; position: absolute; right: -8px; bottom: 0; font-size: 70px; opacity: .12; transform: rotate(25deg); pointer-events: none; } /* ========================================================= CADA BARRA / ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper { position: relative; height: 52px !important; overflow: visible !important; margin-bottom: 20px; background: linear-gradient( 135deg, rgba(255,255,255,.07), rgba(255,255,255,.02) ) !important; border: 1px solid rgba(76,217,11,.28); border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(0,0,0,.22); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } /* ========================================================= HOVER ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:hover { transform: translateX(6px); border-color: rgba(76,217,11,.85); box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 22px rgba(76,217,11,.16); } /* ========================================================= BARRA VERDE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-bar { position: relative; height: 100% !important; background: linear-gradient( 90deg, #0b3d20 0%, #19a463 45%, #4CD90B 100% ) !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 0 12px rgba(76,217,11,.35); animation: landscapingProgress 1.4s ease-out both; } /* ========================================================= TEXT DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-text { position: relative; z-index: 5; padding-left: 18px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .2px; text-shadow: 0 2px 5px rgba(0,0,0,.65); } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-percentage { position: relative; z-index: 6; padding-right: 18px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; text-shadow: 0 2px 5px rgba(0,0,0,.6); } /* ========================================================= BRILLO ANIMADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-bar::after { content: ""; position: absolute; top: 0; left: -40%; width: 35%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.32), transparent ); transform: skewX(-20deg); animation: greenShine 3.5s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTURA DE HOJAS DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-bar::before { content: "🍃 🍃 🍃 🍃 🍃 🍃"; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: 15px; letter-spacing: 24px; opacity: .13; pointer-events: none; } /* ========================================================= PEQUEÑO DETALLE VERDE AL LADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper::before { content: ""; position: absolute; left: -8px; top: 50%; width: 5px; height: 65%; transform: translateY(-50%); background: #4CD90B; border-radius: 10px; box-shadow: 0 0 12px rgba(76,217,11,.8); opacity: .8; transition: height .3s ease; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:hover::before { height: 85%; } /* ========================================================= HOJAS DECORATIVAS EN LOS EXTREMOS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(1)::after, .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(2)::after, .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(3)::after, .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(4)::after { position: absolute; right: -13px; top: 50%; transform: translateY(-50%) rotate(10deg); font-size: 25px; z-index: 20; filter: drop-shadow(0 3px 5px rgba(0,0,0,.5)); transition: transform .35s ease; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(1)::after { content: "🌿"; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(2)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(3)::after { content: "🌱"; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(4)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:hover::after { transform: translateY(-50%) rotate(-12deg) scale(1.25); } /* ========================================================= ANIMACIONES ========================================================= */ @keyframes greenShine { 0% { left: -40%; } 45% { left: 120%; } 100% { left: 120%; } } @keyframes landscapingProgress { from { width: 0; } } /* ========================================================= FLOAT BOTANICAL EFFECT ========================================================= */ .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(odd)::after { animation: leafFloat 3s ease-in-out infinite; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper:nth-child(even)::after { animation: leafFloat 3.6s ease-in-out infinite reverse; } @keyframes leafFloat { 0%, 100% { margin-top: 0; } 50% { margin-top: -5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9211 .elementor-element.elementor-element-42f4563 { padding: 20px 12px !important; border-radius: 16px; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper { height: 48px !important; margin-bottom: 14px; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-text { font-size: 12px !important; padding-left: 13px !important; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-percentage { font-size: 12px !important; padding-right: 13px !important; } .elementor-9211 .elementor-element.elementor-element-42f4563 .elementor-progress-wrapper::after { right: -8px; font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for progress, class: .elementor-element-ffb0c8d *//* ========================================================= BOTANICAL LANDSCAPING STATS Pegar en: Elementor > Container > Advanced > Custom CSS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d { position: relative; overflow: hidden; padding: 28px 20px !important; background: linear-gradient( 135deg, rgba(2, 15, 7, .96), rgba(5, 30, 13, .94) ); border: 1px solid rgba(76, 217, 11, .35); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.35); border-radius: 22px; } /* ========================================================= DECORACIÓN BOTÁNICA DEL CONTENEDOR ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d::before { content: "🌿"; position: absolute; left: -8px; top: 5px; font-size: 65px; opacity: .12; transform: rotate(-25deg); pointer-events: none; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d::after { content: "🌿"; position: absolute; right: -8px; bottom: 0; font-size: 70px; opacity: .12; transform: rotate(25deg); pointer-events: none; } /* ========================================================= CADA BARRA / ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper { position: relative; height: 52px !important; overflow: visible !important; margin-bottom: 20px; background: linear-gradient( 135deg, rgba(255,255,255,.07), rgba(255,255,255,.02) ) !important; border: 1px solid rgba(76,217,11,.28); border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(0,0,0,.22); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } /* ========================================================= HOVER ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:hover { transform: translateX(6px); border-color: rgba(76,217,11,.85); box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 22px rgba(76,217,11,.16); } /* ========================================================= BARRA VERDE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-bar { position: relative; height: 100% !important; background: linear-gradient( 90deg, #0b3d20 0%, #19a463 45%, #4CD90B 100% ) !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 0 12px rgba(76,217,11,.35); animation: landscapingProgress 1.4s ease-out both; } /* ========================================================= TEXT DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-text { position: relative; z-index: 5; padding-left: 18px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .2px; text-shadow: 0 2px 5px rgba(0,0,0,.65); } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-percentage { position: relative; z-index: 6; padding-right: 18px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; text-shadow: 0 2px 5px rgba(0,0,0,.6); } /* ========================================================= BRILLO ANIMADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-bar::after { content: ""; position: absolute; top: 0; left: -40%; width: 35%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.32), transparent ); transform: skewX(-20deg); animation: greenShine 3.5s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTURA DE HOJAS DENTRO DE LA BARRA ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-bar::before { content: "🍃 🍃 🍃 🍃 🍃 🍃"; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: 15px; letter-spacing: 24px; opacity: .13; pointer-events: none; } /* ========================================================= PEQUEÑO DETALLE VERDE AL LADO ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper::before { content: ""; position: absolute; left: -8px; top: 50%; width: 5px; height: 65%; transform: translateY(-50%); background: #4CD90B; border-radius: 10px; box-shadow: 0 0 12px rgba(76,217,11,.8); opacity: .8; transition: height .3s ease; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:hover::before { height: 85%; } /* ========================================================= HOJAS DECORATIVAS EN LOS EXTREMOS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(1)::after, .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(2)::after, .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(3)::after, .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(4)::after { position: absolute; right: -13px; top: 50%; transform: translateY(-50%) rotate(10deg); font-size: 25px; z-index: 20; filter: drop-shadow(0 3px 5px rgba(0,0,0,.5)); transition: transform .35s ease; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(1)::after { content: "🌿"; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(2)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(3)::after { content: "🌱"; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(4)::after { content: "🍃"; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:hover::after { transform: translateY(-50%) rotate(-12deg) scale(1.25); } /* ========================================================= ANIMACIONES ========================================================= */ @keyframes greenShine { 0% { left: -40%; } 45% { left: 120%; } 100% { left: 120%; } } @keyframes landscapingProgress { from { width: 0; } } /* ========================================================= FLOAT BOTANICAL EFFECT ========================================================= */ .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(odd)::after { animation: leafFloat 3s ease-in-out infinite; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper:nth-child(even)::after { animation: leafFloat 3.6s ease-in-out infinite reverse; } @keyframes leafFloat { 0%, 100% { margin-top: 0; } 50% { margin-top: -5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9211 .elementor-element.elementor-element-ffb0c8d { padding: 20px 12px !important; border-radius: 16px; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper { height: 48px !important; margin-bottom: 14px; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-text { font-size: 12px !important; padding-left: 13px !important; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-percentage { font-size: 12px !important; padding-right: 13px !important; } .elementor-9211 .elementor-element.elementor-element-ffb0c8d .elementor-progress-wrapper::after { right: -8px; font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2ffdaac *//* ========================================== ELEMENTOR ICON LIST CIRCULAR CHECK ICONS - PERFECT CENTER ========================================== */ /* ITEM */ .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-item { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } /* CIRCLE */ .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-icon { width: 36px; height: 36px; min-width: 36px; display: block; background: #ffffff; border: 2px solid #4CD90B; border-radius: 50%; box-sizing: border-box; margin-right: 0; position: relative; transition: transform 0.25s ease, box-shadow 0.25s ease; } /* HIDE ORIGINAL ELEMENTOR ICON */ .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-icon i, .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-icon svg { display: none !important; } /* ========================================== CHECK ICON ========================================== */ .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-icon::before { content: "\f00c"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free"; font-weight: 900; color: #0b3d20; font-size: 15px; line-height: 1; text-align: center; margin: 0; padding: 0; } /* TEXT */ .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-text { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 1.25; } /* ========================================== HOVER ========================================== */ .elementor-9211 .elementor-element.elementor-element-2ffdaac .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.08); box-shadow: 0 2px 8px rgba(76, 217, 11, 0.25); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-00f6c11 *//* ========================================================= PREMIUM TREE CARE CTA SECTION GREEN / BLACK / WHITE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 { position: relative; overflow: hidden; min-height: 230px; padding: 38px 7%; display: flex; align-items: center; background: linear-gradient( 90deg, rgba(3,10,6,.94) 0%, rgba(3,15,8,.88) 38%, rgba(3,15,8,.62) 68%, rgba(3,10,6,.38) 100% ); border-top: 4px solid #4CD90B; border-bottom: 1px solid rgba(76,217,11,.35); box-shadow: 0 -10px 30px rgba(0,0,0,.18), 0 15px 40px rgba(0,0,0,.22); } /* ========================================================= BACKGROUND IMAGE DEPTH ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(5,5,5,.92) 0%, rgba(5,15,8,.78) 40%, rgba(5,15,8,.35) 100% ); z-index: 1; pointer-events: none; } /* ========================================================= GREEN GLOW ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11::after { content: ""; position: absolute; width: 420px; height: 420px; left: -180px; top: -250px; background: radial-gradient( circle, rgba(76,217,11,.16), transparent 68% ); z-index: 2; pointer-events: none; } /* ========================================================= CONTENT CONTAINERS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 > .e-con-inner, .elementor-9211 .elementor-element.elementor-element-00f6c11 > .elementor-container { position: relative; z-index: 5; width: 100%; } /* ========================================================= LEFT SIDE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-content { position: relative; max-width: 700px; } /* ========================================================= SMALL LABEL ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-label { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; padding: 5px 12px; color: #4CD90B; background: rgba(76,217,11,.08); border: 1px solid rgba(76,217,11,.35); border-radius: 50px; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-label::before { content: ""; width: 6px; height: 6px; background: #4CD90B; border-radius: 50%; box-shadow: 0 0 10px rgba(76,217,11,.8); } /* ========================================================= TITLE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 h2, .elementor-9211 .elementor-element.elementor-element-00f6c11 h3 { position: relative; margin: 0 0 9px; color: #ffffff; font-size: clamp(28px, 3vw, 40px); line-height: 1.08; font-weight: 800; letter-spacing: -.5px; } /* GREEN ACCENT */ .elementor-9211 .elementor-element.elementor-element-00f6c11 h2 span, .elementor-9211 .elementor-element.elementor-element-00f6c11 h3 span { color: #4CD90B; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-description, .elementor-9211 .elementor-element.elementor-element-00f6c11 p { color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.55; margin: 0; } /* ========================================================= BUTTON ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; padding: 14px 25px; background: linear-gradient( 135deg, #4CD90B, #26a806 ); color: #050505; border: 1px solid rgba(255,255,255,.15); border-radius: 9px 22px 9px 22px; font-size: 13px; font-weight: 900; letter-spacing: .3px; box-shadow: 0 8px 22px rgba(76,217,11,.20); overflow: hidden; transition: transform .35s ease, border-radius .35s ease, box-shadow .35s ease, background .35s ease; } /* BUTTON HOVER */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .elementor-button:hover { color: #ffffff; background: #0b3d20; transform: translateY(-3px); border-radius: 22px 9px 22px 9px; box-shadow: 0 12px 30px rgba(0,0,0,.35), 0 0 20px rgba(76,217,11,.18); } /* ========================================================= BUTTON SHINE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .elementor-button::after { content: ""; position: absolute; top: -100%; left: -80%; width: 40%; height: 300%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent ); transform: rotate(20deg); transition: left .7s ease; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .elementor-button:hover::after { left: 140%; } /* ========================================================= RIGHT BENEFITS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefits { display: flex; flex-direction: column; gap: 11px; padding-left: 35px; border-left: 1px solid rgba(76,217,11,.30); } /* ========================================================= BENEFIT ITEM ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefit { display: flex; align-items: center; gap: 12px; padding: 6px 10px; border-radius: 10px; color: #ffffff; font-size: 14px; transition: transform .3s ease, background .3s ease; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefit:hover { transform: translateX(7px); background: rgba(76,217,11,.08); } /* ========================================================= CHECK ICON ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-check { width: 31px; height: 31px; min-width: 31px; display: flex; align-items: center; justify-content: center; background: #4CD90B; color: #050505; border-radius: 50%; font-size: 15px; font-weight: 900; box-shadow: 0 0 15px rgba(76,217,11,.20); transition: transform .3s ease; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefit:hover .cta-check { transform: rotate(10deg) scale(1.1); } /* ========================================================= SMALL DECORATIVE CURVE ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-decoration { position: absolute; right: 2%; bottom: -45px; width: 180px; height: 90px; border: 2px solid rgba(76,217,11,.28); border-top: none; border-radius: 0 0 100px 100px; transform: rotate(-8deg); pointer-events: none; } /* ========================================================= FLOATING GREEN DOTS ========================================================= */ .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-decoration::before, .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-decoration::after { content: ""; position: absolute; width: 7px; height: 7px; background: #4CD90B; border-radius: 50%; box-shadow: 0 0 12px rgba(76,217,11,.7); } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-decoration::before { top: -4px; left: 25px; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-decoration::after { top: 20px; right: 20px; } /* ========================================================= SUBTLE ANIMATION ========================================================= */ @keyframes ctaGlow { 0%, 100% { opacity: .65; } 50% { opacity: 1; } } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-label::before { animation: ctaGlow 2s ease-in-out infinite; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9211 .elementor-element.elementor-element-00f6c11 { padding: 35px 35px; min-height: auto; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefits { padding-left: 20px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9211 .elementor-element.elementor-element-00f6c11 { padding: 45px 22px; display: block; border-top-width: 3px; } .elementor-9211 .elementor-element.elementor-element-00f6c11 h2, .elementor-9211 .elementor-element.elementor-element-00f6c11 h3 { font-size: 29px; line-height: 1.1; } .elementor-9211 .elementor-element.elementor-element-00f6c11 p { font-size: 14px; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .elementor-button { width: 100%; margin-top: 18px; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefits { margin-top: 28px; padding-left: 0; padding-top: 22px; border-left: none; border-top: 1px solid rgba(76,217,11,.25); } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-benefit { padding: 5px 0; } .elementor-9211 .elementor-element.elementor-element-00f6c11 .cta-decoration { display: none; } }/* End custom CSS */