.elementor-2374 .elementor-element.elementor-element-c8aa907{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:200px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-187ae87{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-8d39e58 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-2374 .elementor-element.elementor-element-8d39e58.elementor-element{--align-self:center;}.elementor-2374 .elementor-element.elementor-element-8d39e58 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-99695ec );}.elementor-2374 .elementor-element.elementor-element-6a72585{text-align:center;}.elementor-2374 .elementor-element.elementor-element-6a72585 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-2374 .elementor-element.elementor-element-27a9d97{--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-5130171{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-6e0ed2b{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-5f035d8{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-5f035d8:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-5f035d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/04/Concrete.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-5f035d8::before, .elementor-2374 .elementor-element.elementor-element-5f035d8 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-5f035d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-5f035d8 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-5f035d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-5f035d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-5f035d8:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-5f035d8, .elementor-2374 .elementor-element.elementor-element-5f035d8::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-5f035d8.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-9758082{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-9758082{left:30px;}.elementor-2374 .elementor-element.elementor-element-9758082{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-9758082 .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-9758082.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-9758082.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-9758082.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-9758082.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-9758082.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-9758082 .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-9758082 .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-373a560 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-279793c .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2374 .elementor-element.elementor-element-bd86a3a{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-bd86a3a:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-bd86a3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-bd86a3a::before, .elementor-2374 .elementor-element.elementor-element-bd86a3a > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-bd86a3a > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-bd86a3a > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-bd86a3a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-bd86a3a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-bd86a3a, .elementor-2374 .elementor-element.elementor-element-bd86a3a::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-cda93a9 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-5cbb211 .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-3070ff3{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-3070ff3{left:30px;}.elementor-2374 .elementor-element.elementor-element-3070ff3{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-3070ff3 .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-3070ff3.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-3070ff3.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-3070ff3.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-3070ff3.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-3070ff3.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-3070ff3 .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-3070ff3 .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-ff73c8d{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-ff73c8d:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-ff73c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-ff73c8d::before, .elementor-2374 .elementor-element.elementor-element-ff73c8d > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-ff73c8d > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-ff73c8d > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-ff73c8d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-ff73c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-ff73c8d, .elementor-2374 .elementor-element.elementor-element-ff73c8d::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-f7615fa .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-a4ace0a .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-a86c21e{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-a86c21e{left:30px;}.elementor-2374 .elementor-element.elementor-element-a86c21e{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-a86c21e .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-a86c21e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-a86c21e.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-a86c21e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-a86c21e.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-a86c21e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-a86c21e .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-a86c21e .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-a4f1614{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-2d28785{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-2d28785:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-2d28785 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Walls_8432.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-2d28785::before, .elementor-2374 .elementor-element.elementor-element-2d28785 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-2d28785 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-2d28785 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-2d28785 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-2d28785 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-2d28785:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-2d28785, .elementor-2374 .elementor-element.elementor-element-2d28785::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-874f240 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-0323eea .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-0bee20e{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-0bee20e{left:30px;}.elementor-2374 .elementor-element.elementor-element-0bee20e{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-0bee20e .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-0bee20e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-0bee20e.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-0bee20e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-0bee20e.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-0bee20e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-0bee20e .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-0bee20e .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-1d00d80{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-1d00d80:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-1d00d80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Walkways_9086.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-1d00d80::before, .elementor-2374 .elementor-element.elementor-element-1d00d80 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-1d00d80 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-1d00d80 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-1d00d80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-1d00d80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-1d00d80:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-1d00d80, .elementor-2374 .elementor-element.elementor-element-1d00d80::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-34a7462 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-4bd4276 .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-9e3c7ef{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-9e3c7ef{left:30px;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-9e3c7ef.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-9e3c7ef.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-9e3c7ef .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-7dd59fd{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-7dd59fd:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-7dd59fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-7dd59fd::before, .elementor-2374 .elementor-element.elementor-element-7dd59fd > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-7dd59fd > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-7dd59fd > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-7dd59fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-7dd59fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-7dd59fd, .elementor-2374 .elementor-element.elementor-element-7dd59fd::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-d45194d .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-f8b716b .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-ac61311{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-ac61311{left:30px;}.elementor-2374 .elementor-element.elementor-element-ac61311{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-ac61311 .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-ac61311.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-ac61311.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-ac61311.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-ac61311.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-ac61311.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-ac61311 .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-ac61311 .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-a7b61e6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-f3deb1e{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-ce358ae{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-ce358ae:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-ce358ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Aeration.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-ce358ae::before, .elementor-2374 .elementor-element.elementor-element-ce358ae > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-ce358ae > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-ce358ae > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-ce358ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-ce358ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-ce358ae:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-ce358ae, .elementor-2374 .elementor-element.elementor-element-ce358ae::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-7cc9c1c .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-17b00d2 .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-abf0e1e{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-abf0e1e{left:30px;}.elementor-2374 .elementor-element.elementor-element-abf0e1e{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-abf0e1e .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-abf0e1e.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-abf0e1e.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-abf0e1e.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-abf0e1e.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-abf0e1e.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-abf0e1e .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-abf0e1e .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-94af91f{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-94af91f:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-94af91f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Curbside-Leaf-Removal.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-94af91f::before, .elementor-2374 .elementor-element.elementor-element-94af91f > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-94af91f > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-94af91f > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-94af91f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-94af91f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-94af91f:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-94af91f, .elementor-2374 .elementor-element.elementor-element-94af91f::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-51e2735 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-90ce958 .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-86f40f7{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-86f40f7{left:30px;}.elementor-2374 .elementor-element.elementor-element-86f40f7{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-86f40f7 .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-86f40f7.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-86f40f7.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-86f40f7.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-86f40f7.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-86f40f7.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-86f40f7 .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-86f40f7 .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-a226a89{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-a226a89:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-a226a89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/lawn-fertilization-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-a226a89::before, .elementor-2374 .elementor-element.elementor-element-a226a89 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-a226a89 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-a226a89 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-a226a89 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-a226a89 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-a226a89:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-a226a89, .elementor-2374 .elementor-element.elementor-element-a226a89::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-4991902 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-710acb9 .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-9b3ceed{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-9b3ceed{left:30px;}.elementor-2374 .elementor-element.elementor-element-9b3ceed{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-9b3ceed .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-9b3ceed.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-9b3ceed.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-9b3ceed.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-9b3ceed.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-9b3ceed.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-9b3ceed .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-9b3ceed .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-7ae67ba{--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-a343a28{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-a343a28:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-a343a28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Gutter-Cleaning.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-a343a28::before, .elementor-2374 .elementor-element.elementor-element-a343a28 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-a343a28 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-a343a28 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-a343a28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-a343a28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-a343a28:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-a343a28, .elementor-2374 .elementor-element.elementor-element-a343a28::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-57bbaa2 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-230444a .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-1fc240a{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-1fc240a{left:30px;}.elementor-2374 .elementor-element.elementor-element-1fc240a{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-1fc240a .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-1fc240a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-1fc240a.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-1fc240a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-1fc240a.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-1fc240a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-1fc240a .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-1fc240a .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-0390ebe{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C6834600;--border-color:#C6834600;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-0390ebe:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-0390ebe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Irrigation-and-Drainage-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-0390ebe::before, .elementor-2374 .elementor-element.elementor-element-0390ebe > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-0390ebe > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-0390ebe > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-0390ebe > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-0390ebe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-0390ebe:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-0390ebe, .elementor-2374 .elementor-element.elementor-element-0390ebe::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-874910a .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-85ff05f .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-056cb81{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-056cb81{left:30px;}.elementor-2374 .elementor-element.elementor-element-056cb81{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-056cb81 .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-056cb81.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-056cb81.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-056cb81.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-056cb81.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-056cb81.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-056cb81 .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-056cb81 .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-d5ebc32{--display:flex;--min-height:460px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010100;--border-color:#02010100;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-d5ebc32:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-d5ebc32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Landscape-Design-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-d5ebc32::before, .elementor-2374 .elementor-element.elementor-element-d5ebc32 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-d5ebc32 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-d5ebc32 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-d5ebc32 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-d5ebc32 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-d5ebc32, .elementor-2374 .elementor-element.elementor-element-d5ebc32::before{--border-transition:0.3s;}.elementor-2374 .elementor-element.elementor-element-8daa8c7 .elementor-heading-title{font-size:25px;color:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-9b7177e .elementor-button{background-color:#02010100;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2374 .elementor-element.elementor-element-5f142ce{right:30px;}body.rtl .elementor-2374 .elementor-element.elementor-element-5f142ce{left:30px;}.elementor-2374 .elementor-element.elementor-element-5f142ce{bottom:20px;}.elementor-2374 .elementor-element.elementor-element-5f142ce .elementor-icon-wrapper{text-align:end;}.elementor-2374 .elementor-element.elementor-element-5f142ce.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-5f142ce.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-5f142ce.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2374 .elementor-element.elementor-element-5f142ce.elementor-view-framed .elementor-icon, .elementor-2374 .elementor-element.elementor-element-5f142ce.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2374 .elementor-element.elementor-element-5f142ce .elementor-icon{font-size:15px;}.elementor-2374 .elementor-element.elementor-element-5f142ce .elementor-icon svg{height:15px;}.elementor-2374 .elementor-element.elementor-element-0c845e6{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:30px;--n-tabs-title-font-size:25px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-99695ec );}.elementor-2374 .elementor-element.elementor-element-0c845e6 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-79275c4 );}.elementor-2374 .elementor-element.elementor-element-0c845e6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-0c845e6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2374 .elementor-element.elementor-element-0c845e6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-0c845e6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Cinzel", Sans-serif;font-weight:700;}.elementor-2374 .elementor-element.elementor-element-0c845e6 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-99695ec );}.elementor-2374 .elementor-element.elementor-element-b6d6581{--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:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-ed42edb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2374 .elementor-element.elementor-element-ed42edb.elementor-element{--align-self:center;}.elementor-2374 .elementor-element.elementor-element-78534b8 .elementor-button{background-color:var( --e-global-color-text );}.elementor-2374 .elementor-element.elementor-element-78534b8 .elementor-button:hover, .elementor-2374 .elementor-element.elementor-element-78534b8 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-2374 .elementor-element.elementor-element-78534b8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2374 .elementor-element.elementor-element-78534b8.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-2374 .elementor-element.elementor-element-5f035d8{--width:32%;}.elementor-2374 .elementor-element.elementor-element-bd86a3a{--width:32%;}.elementor-2374 .elementor-element.elementor-element-ff73c8d{--width:32%;}.elementor-2374 .elementor-element.elementor-element-2d28785{--width:32%;}.elementor-2374 .elementor-element.elementor-element-1d00d80{--width:32%;}.elementor-2374 .elementor-element.elementor-element-7dd59fd{--width:32%;}.elementor-2374 .elementor-element.elementor-element-ce358ae{--width:32%;}.elementor-2374 .elementor-element.elementor-element-94af91f{--width:32%;}.elementor-2374 .elementor-element.elementor-element-a226a89{--width:32%;}.elementor-2374 .elementor-element.elementor-element-a343a28{--width:32%;}.elementor-2374 .elementor-element.elementor-element-0390ebe{--width:32%;}.elementor-2374 .elementor-element.elementor-element-d5ebc32{--width:32%;}}@media(max-width:1024px){.elementor-2374 .elementor-element.elementor-element-c8aa907{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2374 .elementor-element.elementor-element-8d39e58 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2374 .elementor-element.elementor-element-0c845e6{--n-tabs-title-font-size:21px;}}@media(max-width:767px){.elementor-2374 .elementor-element.elementor-element-8d39e58 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2374 .elementor-element.elementor-element-0c845e6{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-title-gap:10px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:21px;}}/* Start custom CSS for icon, class: .elementor-element-9758082 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9758082 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9758082:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9758082:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f035d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-5f035d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3070ff3 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-3070ff3 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-3070ff3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-3070ff3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd86a3a *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-bd86a3a {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a86c21e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-a86c21e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-a86c21e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-a86c21e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff73c8d *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-ff73c8d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0bee20e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-0bee20e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-0bee20e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-0bee20e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d28785 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-2d28785 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e3c7ef *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9e3c7ef {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9e3c7ef:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9e3c7ef:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d00d80 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-1d00d80 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ac61311 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-ac61311 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-ac61311:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-ac61311:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dd59fd *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-7dd59fd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5130171 *//* 1. Base State */
.elementor-2374 .elementor-element.elementor-element-5130171 {
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer;
}

/* 2. Tilt the Arrow by default (Pointing Top-Right) */
.elementor-2374 .elementor-element.elementor-element-5130171 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg); /* This tilts it diagonally */
}

/* 3. Hover Expansion */
.elementor-2374 .elementor-element.elementor-element-5130171:hover {
    flex-grow: 3 !important;
}

/* 4. Hover Arrow Effect (No color change, just a little 'push') */
.elementor-2374 .elementor-element.elementor-element-5130171:hover .elementor-icon {
    /* Keeps the current color but makes it feel active */
    transform: rotate(45deg) scale(1.1) translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-abf0e1e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-abf0e1e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-abf0e1e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-abf0e1e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce358ae *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-ce358ae {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-86f40f7 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-86f40f7 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-86f40f7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-86f40f7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94af91f *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-94af91f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9b3ceed *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9b3ceed {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9b3ceed:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9b3ceed:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a226a89 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-a226a89 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1fc240a *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-1fc240a {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-1fc240a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-1fc240a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a343a28 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-a343a28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-056cb81 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-056cb81 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-056cb81:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-056cb81:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0390ebe *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-0390ebe {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5f142ce *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-5f142ce {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-5f142ce:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-5f142ce:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5ebc32 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9758082 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9758082 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9758082:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9758082:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f035d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-5f035d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3070ff3 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-3070ff3 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-3070ff3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-3070ff3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd86a3a *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-bd86a3a {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a86c21e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-a86c21e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-a86c21e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-a86c21e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff73c8d *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-ff73c8d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0bee20e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-0bee20e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-0bee20e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-0bee20e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d28785 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-2d28785 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e3c7ef *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9e3c7ef {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9e3c7ef:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9e3c7ef:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d00d80 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-1d00d80 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ac61311 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-ac61311 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-ac61311:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-ac61311:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dd59fd *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-7dd59fd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5130171 *//* 1. Base State */
.elementor-2374 .elementor-element.elementor-element-5130171 {
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer;
}

/* 2. Tilt the Arrow by default (Pointing Top-Right) */
.elementor-2374 .elementor-element.elementor-element-5130171 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg); /* This tilts it diagonally */
}

/* 3. Hover Expansion */
.elementor-2374 .elementor-element.elementor-element-5130171:hover {
    flex-grow: 3 !important;
}

/* 4. Hover Arrow Effect (No color change, just a little 'push') */
.elementor-2374 .elementor-element.elementor-element-5130171:hover .elementor-icon {
    /* Keeps the current color but makes it feel active */
    transform: rotate(45deg) scale(1.1) translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-abf0e1e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-abf0e1e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-abf0e1e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-abf0e1e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce358ae *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-ce358ae {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-86f40f7 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-86f40f7 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-86f40f7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-86f40f7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94af91f *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-94af91f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9b3ceed *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9b3ceed {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9b3ceed:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9b3ceed:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a226a89 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-a226a89 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1fc240a *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-1fc240a {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-1fc240a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-1fc240a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a343a28 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-a343a28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-056cb81 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-056cb81 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-056cb81:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-056cb81:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0390ebe *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-0390ebe {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5f142ce *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-5f142ce {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-5f142ce:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-5f142ce:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5ebc32 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9758082 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9758082 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9758082:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9758082:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f035d8 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-5f035d8 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-5f035d8 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-5f035d8:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3070ff3 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-3070ff3 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-3070ff3:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-3070ff3:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd86a3a *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-bd86a3a {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-bd86a3a .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-bd86a3a:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-a86c21e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-a86c21e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-a86c21e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-a86c21e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff73c8d *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-ff73c8d {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-ff73c8d .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-ff73c8d:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0bee20e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-0bee20e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-0bee20e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-0bee20e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d28785 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-2d28785 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-2d28785 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-2d28785:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9e3c7ef *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9e3c7ef {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9e3c7ef:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9e3c7ef:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d00d80 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-1d00d80 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-1d00d80 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-1d00d80:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ac61311 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-ac61311 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-ac61311:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-ac61311:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7dd59fd *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-7dd59fd {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-7dd59fd .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-7dd59fd:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5130171 *//* 1. Base State */
.elementor-2374 .elementor-element.elementor-element-5130171 {
    flex-grow: 1;
    flex-basis: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer;
}

/* 2. Tilt the Arrow by default (Pointing Top-Right) */
.elementor-2374 .elementor-element.elementor-element-5130171 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg); /* This tilts it diagonally */
}

/* 3. Hover Expansion */
.elementor-2374 .elementor-element.elementor-element-5130171:hover {
    flex-grow: 3 !important;
}

/* 4. Hover Arrow Effect (No color change, just a little 'push') */
.elementor-2374 .elementor-element.elementor-element-5130171:hover .elementor-icon {
    /* Keeps the current color but makes it feel active */
    transform: rotate(45deg) scale(1.1) translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-abf0e1e *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-abf0e1e {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-abf0e1e:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-abf0e1e:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce358ae *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-ce358ae {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-ce358ae .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-ce358ae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-86f40f7 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-86f40f7 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-86f40f7:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-86f40f7:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94af91f *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-94af91f {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-94af91f .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-94af91f:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9b3ceed *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-9b3ceed {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-9b3ceed:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-9b3ceed:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a226a89 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-a226a89 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-a226a89 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-a226a89:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1fc240a *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-1fc240a {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-1fc240a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-1fc240a:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a343a28 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-a343a28 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-a343a28 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-a343a28:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-056cb81 *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-056cb81 {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-056cb81:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-056cb81:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0390ebe *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-0390ebe {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-0390ebe .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-0390ebe:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5f142ce *//* 1. Make the whole card grow slightly on hover */
.elementor-2374 .elementor-element.elementor-element-5f142ce {
    transition: all 0.3s ease-in-out;
}

.elementor-2374 .elementor-element.elementor-element-5f142ce:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index: 10; /* Ensures it stays on top of others when growing */
}

/* 2. Make the arrow change color on hover */
.elementor-2374 .elementor-element.elementor-element-5f142ce:hover .elementor-icon {
    background-color: #87A96B !important;
    border-color: #87A96B !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5ebc32 *//* 1. The Container - Subtle Scale Setup */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 {
    flex: 1;
    cursor: pointer;
    overflow: hidden; /* Keeps the zoom inside the box */
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. The Subtle Zoom (Only 5%) */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover {
    transform: scale(1.04) !important; /* Grows just a tiny bit */
    z-index: 5; /* Brings the hovered card to the front */
    box-shadow: 0px 15px 35px rgba(0,0,0,0.2); /* Adds a nice depth shadow */
}

/* 3. The Arrow Icon - Diagonal & Hollow */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon {
    transition: all 0.4s ease !important;
    transform: rotate(45deg) !important;
    background-color: transparent !important;
    border: 2px solid #C68346 !important;
}

/* 4. The Arrow Color - Forced Orange */
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon i, 
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon,
.elementor-2374 .elementor-element.elementor-element-d5ebc32 .elementor-icon:hover {
    background-color: transparent !important;
    border-color: #C68346 !important;
    transform: rotate(45deg) scale(1.05) !important;
}

/* Forces internal icon to stay orange */
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon i,
.elementor-2374 .elementor-element.elementor-element-d5ebc32:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-0c845e6 */button#e-n-tab-title-131250941 {
    border-radius: 30px 0px 0px 30px;
}
button#e-n-tab-title-131250942{
    border-radius: 0px 30px 30px 0px;
}

@media (max-width: 600px) {
 button#e-n-tab-title-2429727061 {
    border-radius: 30px 30px 30px 30px;
}
button#e-n-tab-title-2429727062 {
    border-radius: 30px 30px 30px 30px;
}
}/* End custom CSS */