.elementor-2377 .elementor-element.elementor-element-f9f4139{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-d980152{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-f1a07c4 > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:8px 10px 8px 10px;border-radius:50px 50px 50px 50px;}.elementor-2377 .elementor-element.elementor-element-f1a07c4.elementor-element{--align-self:center;}.elementor-2377 .elementor-element.elementor-element-f1a07c4 .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-2377 .elementor-element.elementor-element-710d033{text-align:center;}.elementor-2377 .elementor-element.elementor-element-710d033 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-2377 .elementor-element.elementor-element-beabff7{--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-2377 .elementor-element.elementor-element-1fe9d65{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-ba16f4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-60f343e{--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-2377 .elementor-element.elementor-element-60f343e:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-60f343e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2377 .elementor-element.elementor-element-60f343e::before, .elementor-2377 .elementor-element.elementor-element-60f343e > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-60f343e > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-60f343e > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-60f343e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-60f343e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e, .elementor-2377 .elementor-element.elementor-element-60f343e::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-75bdff6 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-2508ce2 .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-2377 .elementor-element.elementor-element-7f02b46{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-7f02b46{left:30px;}.elementor-2377 .elementor-element.elementor-element-7f02b46{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-7f02b46 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-7f02b46.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-7f02b46.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-7f02b46.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-7f02b46.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-7f02b46.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-7f02b46 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-7f02b46 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-513de61{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-0847da5{--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-2377 .elementor-element.elementor-element-0847da5:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-0847da5 > .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-2377 .elementor-element.elementor-element-0847da5::before, .elementor-2377 .elementor-element.elementor-element-0847da5 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-0847da5 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-0847da5 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-0847da5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-0847da5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5, .elementor-2377 .elementor-element.elementor-element-0847da5::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-d3d4c3c .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-c47bb0e .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-2377 .elementor-element.elementor-element-72a85b0{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-72a85b0{left:30px;}.elementor-2377 .elementor-element.elementor-element-72a85b0{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-72a85b0 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-72a85b0.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-72a85b0.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-72a85b0.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-72a85b0.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-72a85b0.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-72a85b0 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-72a85b0 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-aecc340{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-64e9d03{--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-2377 .elementor-element.elementor-element-64e9d03:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-64e9d03 > .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-2377 .elementor-element.elementor-element-64e9d03::before, .elementor-2377 .elementor-element.elementor-element-64e9d03 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-64e9d03 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-64e9d03 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-64e9d03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-64e9d03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-64e9d03: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-2377 .elementor-element.elementor-element-64e9d03, .elementor-2377 .elementor-element.elementor-element-64e9d03::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-1f72e8b .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-6cda156 .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-2377 .elementor-element.elementor-element-d7ce910{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-d7ce910{left:30px;}.elementor-2377 .elementor-element.elementor-element-d7ce910{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-d7ce910 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-d7ce910.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-d7ce910.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-d7ce910.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-d7ce910.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-d7ce910.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-d7ce910 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-d7ce910 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-1d62df5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-bf643a9{--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-2377 .elementor-element.elementor-element-bf643a9:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-bf643a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Rickys-Service-2.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-2377 .elementor-element.elementor-element-bf643a9::before, .elementor-2377 .elementor-element.elementor-element-bf643a9 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-bf643a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-bf643a9 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-bf643a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-bf643a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-bf643a9: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-2377 .elementor-element.elementor-element-bf643a9, .elementor-2377 .elementor-element.elementor-element-bf643a9::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-3b97f4c .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-7f40590 .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-2377 .elementor-element.elementor-element-7fb66d8{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-7fb66d8{left:30px;}.elementor-2377 .elementor-element.elementor-element-7fb66d8{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-7fb66d8 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-7fb66d8.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-7fb66d8.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-7fb66d8.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-7fb66d8.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-7fb66d8.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-7fb66d8 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-7fb66d8 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-66318d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-e644480{--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-2377 .elementor-element.elementor-element-e644480:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-e644480 > .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-2377 .elementor-element.elementor-element-e644480::before, .elementor-2377 .elementor-element.elementor-element-e644480 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-e644480 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-e644480 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-e644480 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-e644480 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-e644480: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-2377 .elementor-element.elementor-element-e644480, .elementor-2377 .elementor-element.elementor-element-e644480::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-628d7fc .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-a4e1e6b .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-2377 .elementor-element.elementor-element-d5711d1{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-d5711d1{left:30px;}.elementor-2377 .elementor-element.elementor-element-d5711d1{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-d5711d1 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-d5711d1.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-d5711d1.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-d5711d1.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-d5711d1.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-d5711d1.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-d5711d1 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-d5711d1 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-2c691bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-656ee02{--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-2377 .elementor-element.elementor-element-656ee02:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-656ee02 > .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-2377 .elementor-element.elementor-element-656ee02::before, .elementor-2377 .elementor-element.elementor-element-656ee02 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-656ee02 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-656ee02 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-656ee02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-656ee02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-656ee02: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-2377 .elementor-element.elementor-element-656ee02, .elementor-2377 .elementor-element.elementor-element-656ee02::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-b7122f0 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-de16352 .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-2377 .elementor-element.elementor-element-53dba09{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-53dba09{left:30px;}.elementor-2377 .elementor-element.elementor-element-53dba09{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-53dba09 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-53dba09.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-53dba09.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-53dba09.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-53dba09.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-53dba09.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-53dba09 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-53dba09 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-2025d79{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-6051d0a{--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-2377 .elementor-element.elementor-element-6051d0a:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-6051d0a > .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-2377 .elementor-element.elementor-element-6051d0a::before, .elementor-2377 .elementor-element.elementor-element-6051d0a > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-6051d0a > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-6051d0a > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-6051d0a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-6051d0a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-6051d0a: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-2377 .elementor-element.elementor-element-6051d0a, .elementor-2377 .elementor-element.elementor-element-6051d0a::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-8648210 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-d640927 .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-2377 .elementor-element.elementor-element-164b7dc{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-164b7dc{left:30px;}.elementor-2377 .elementor-element.elementor-element-164b7dc{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-164b7dc .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-164b7dc.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-164b7dc.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-164b7dc.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-164b7dc.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-164b7dc.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-164b7dc .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-164b7dc .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-7555de7{--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );}.elementor-2377 .elementor-element.elementor-element-7555de7 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-2377 .elementor-element.elementor-element-47b0ac4{--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-2377 .elementor-element.elementor-element-6123bb1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-8ddbcb2{--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-2377 .elementor-element.elementor-element-8ddbcb2:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/02/Frame-2147238886-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2377 .elementor-element.elementor-element-8ddbcb2::before, .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2, .elementor-2377 .elementor-element.elementor-element-8ddbcb2::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-b5f7792 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-4df60cc .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-2377 .elementor-element.elementor-element-f4eb694{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-f4eb694{left:30px;}.elementor-2377 .elementor-element.elementor-element-f4eb694{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-f4eb694 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-f4eb694.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-f4eb694.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-f4eb694.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-f4eb694.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-f4eb694.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-f4eb694 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-f4eb694 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-733ccea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-7eca960{--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-2377 .elementor-element.elementor-element-7eca960:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-7eca960 > .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-2377 .elementor-element.elementor-element-7eca960::before, .elementor-2377 .elementor-element.elementor-element-7eca960 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-7eca960 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-7eca960 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-7eca960 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-7eca960 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960, .elementor-2377 .elementor-element.elementor-element-7eca960::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-922840f .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-2956a00 .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-2377 .elementor-element.elementor-element-cfc3976{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-cfc3976{left:30px;}.elementor-2377 .elementor-element.elementor-element-cfc3976{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-cfc3976 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-cfc3976.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-cfc3976.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-cfc3976.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-cfc3976.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-cfc3976.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-cfc3976 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-cfc3976 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-f48fb82{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-a36acb0{--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-2377 .elementor-element.elementor-element-a36acb0:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-a36acb0 > .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-2377 .elementor-element.elementor-element-a36acb0::before, .elementor-2377 .elementor-element.elementor-element-a36acb0 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-a36acb0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-a36acb0 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-a36acb0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-a36acb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0, .elementor-2377 .elementor-element.elementor-element-a36acb0::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-fb60329 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-ded1dee .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-2377 .elementor-element.elementor-element-f4bb9a5{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-f4bb9a5{left:30px;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-f4bb9a5.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-f4bb9a5.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-f4bb9a5 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-53b2718{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-cec31f1{--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-2377 .elementor-element.elementor-element-cec31f1:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-cec31f1 > .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-2377 .elementor-element.elementor-element-cec31f1::before, .elementor-2377 .elementor-element.elementor-element-cec31f1 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-cec31f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-cec31f1 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-cec31f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-cec31f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1, .elementor-2377 .elementor-element.elementor-element-cec31f1::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-e70ccb9 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-f88f968 .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-2377 .elementor-element.elementor-element-bc50f0a{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-bc50f0a{left:30px;}.elementor-2377 .elementor-element.elementor-element-bc50f0a{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-bc50f0a .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-bc50f0a.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-bc50f0a.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-bc50f0a.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-bc50f0a.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-bc50f0a.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-bc50f0a .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-bc50f0a .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-6b30ebb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-6a85807{--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-2377 .elementor-element.elementor-element-6a85807:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-6a85807 > .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-2377 .elementor-element.elementor-element-6a85807::before, .elementor-2377 .elementor-element.elementor-element-6a85807 > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-6a85807 > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-6a85807 > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-6a85807 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-6a85807 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807, .elementor-2377 .elementor-element.elementor-element-6a85807::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-dcf31fb .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-105c5a4 .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-2377 .elementor-element.elementor-element-b7b1d2f{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-b7b1d2f{left:30px;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-b7b1d2f.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-b7b1d2f.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-b7b1d2f .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-6735e57{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2377 .elementor-element.elementor-element-032beae{--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-2377 .elementor-element.elementor-element-032beae:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-032beae > .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-2377 .elementor-element.elementor-element-032beae::before, .elementor-2377 .elementor-element.elementor-element-032beae > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-032beae > .e-con-inner > .elementor-background-video-container::before, .elementor-2377 .elementor-element.elementor-element-032beae > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-032beae > .e-con-inner > .elementor-background-slideshow::before, .elementor-2377 .elementor-element.elementor-element-032beae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae, .elementor-2377 .elementor-element.elementor-element-032beae::before{--border-transition:0.3s;}.elementor-2377 .elementor-element.elementor-element-d26feb9 .elementor-heading-title{color:var( --e-global-color-79275c4 );}.elementor-2377 .elementor-element.elementor-element-99c1be7 .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-2377 .elementor-element.elementor-element-0c30747{right:30px;}body.rtl .elementor-2377 .elementor-element.elementor-element-0c30747{left:30px;}.elementor-2377 .elementor-element.elementor-element-0c30747{bottom:20px;}.elementor-2377 .elementor-element.elementor-element-0c30747 .elementor-icon-wrapper{text-align:end;}.elementor-2377 .elementor-element.elementor-element-0c30747.elementor-view-stacked .elementor-icon{background-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-0c30747.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-0c30747.elementor-view-default .elementor-icon{color:#C68346;border-color:#C68346;}.elementor-2377 .elementor-element.elementor-element-0c30747.elementor-view-framed .elementor-icon, .elementor-2377 .elementor-element.elementor-element-0c30747.elementor-view-default .elementor-icon svg{fill:#C68346;}.elementor-2377 .elementor-element.elementor-element-0c30747 .elementor-icon{font-size:15px;}.elementor-2377 .elementor-element.elementor-element-0c30747 .elementor-icon svg{height:15px;}.elementor-2377 .elementor-element.elementor-element-369a341{--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );}.elementor-2377 .elementor-element.elementor-element-369a341 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-2377 .elementor-element.elementor-element-efefd5b{--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-2377 .elementor-element.elementor-element-efefd5b > .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-2377 .elementor-element.elementor-element-efefd5b.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-2377 .elementor-element.elementor-element-efefd5b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2377 .elementor-element.elementor-element-efefd5b.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-2377 .elementor-element.elementor-element-efefd5b.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-2377 .elementor-element.elementor-element-efefd5b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-99695ec );}.elementor-2377 .elementor-element.elementor-element-bb9bc98{--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-2377 .elementor-element.elementor-element-05f69ea > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2377 .elementor-element.elementor-element-05f69ea.elementor-element{--align-self:center;}.elementor-2377 .elementor-element.elementor-element-cd2ddf0 .elementor-button{background-color:var( --e-global-color-text );}.elementor-2377 .elementor-element.elementor-element-cd2ddf0 .elementor-button:hover, .elementor-2377 .elementor-element.elementor-element-cd2ddf0 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-2377 .elementor-element.elementor-element-cd2ddf0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2377 .elementor-element.elementor-element-cd2ddf0.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-2377 .elementor-element.elementor-element-f9f4139{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2377 .elementor-element.elementor-element-f1a07c4 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2377 .elementor-element.elementor-element-7555de7{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2377 .elementor-element.elementor-element-369a341{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2377 .elementor-element.elementor-element-efefd5b{--n-tabs-title-font-size:21px;}}@media(max-width:767px){.elementor-2377 .elementor-element.elementor-element-f1a07c4 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2377 .elementor-element.elementor-element-60f343e:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-60f343e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/04/Concrete.jpg");background-position:center right;}.elementor-2377 .elementor-element.elementor-element-60f343e{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-0847da5{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-64e9d03{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-bf643a9{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-e644480{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-656ee02{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-6051d0a{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-7555de7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2377 .elementor-element.elementor-element-8ddbcb2:not(.elementor-motion-effects-element-type-background), .elementor-2377 .elementor-element.elementor-element-8ddbcb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rickyslawns.com/wp-content/uploads/2026/03/Aeration.jpg");}.elementor-2377 .elementor-element.elementor-element-8ddbcb2{--min-height:360px;--overlay-opacity:0.5;}.elementor-2377 .elementor-element.elementor-element-7eca960{--min-height:360px;--overlay-opacity:0.5;}.elementor-2377 .elementor-element.elementor-element-a36acb0{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-cec31f1{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-6a85807{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-032beae{--min-height:360px;}.elementor-2377 .elementor-element.elementor-element-369a341{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2377 .elementor-element.elementor-element-efefd5b{--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-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7f02b46 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7f02b46 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7f02b46: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-2377 .elementor-element.elementor-element-7f02b46: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-60f343e *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-60f343e {
    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-2377 .elementor-element.elementor-element-60f343e: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-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-60f343e .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-60f343e .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-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-60f343e:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-72a85b0 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-72a85b0 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-72a85b0: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-2377 .elementor-element.elementor-element-72a85b0: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-0847da5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-0847da5 {
    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-2377 .elementor-element.elementor-element-0847da5: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-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-0847da5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-0847da5 .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-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-0847da5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d7ce910 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d7ce910 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d7ce910: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-2377 .elementor-element.elementor-element-d7ce910: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-aecc340 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-aecc340 {
    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-2377 .elementor-element.elementor-element-aecc340: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-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-aecc340 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-aecc340 .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-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-aecc340:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7fb66d8 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-7fb66d8 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-7fb66d8: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-2377 .elementor-element.elementor-element-7fb66d8: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-1d62df5 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-1d62df5 {
    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-2377 .elementor-element.elementor-element-1d62df5: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-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-1d62df5 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-1d62df5 .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-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-1d62df5:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-d5711d1 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-d5711d1 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-d5711d1: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-2377 .elementor-element.elementor-element-d5711d1: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-66318d3 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-66318d3 {
    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-2377 .elementor-element.elementor-element-66318d3: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-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-66318d3 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-66318d3 .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-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-66318d3:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-53dba09 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-53dba09 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-53dba09: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-2377 .elementor-element.elementor-element-53dba09: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-2c691bf *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2c691bf {
    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-2377 .elementor-element.elementor-element-2c691bf: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-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2c691bf .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2c691bf .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-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2c691bf:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-164b7dc *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-164b7dc {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-164b7dc: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-2377 .elementor-element.elementor-element-164b7dc: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-2025d79 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-2025d79 {
    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-2377 .elementor-element.elementor-element-2025d79: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-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-2025d79 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-2025d79 .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-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-2025d79:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4eb694 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4eb694 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4eb694: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-2377 .elementor-element.elementor-element-f4eb694: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-8ddbcb2 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 {
    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-2377 .elementor-element.elementor-element-8ddbcb2: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-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2 .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-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-8ddbcb2:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-cfc3976 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-cfc3976 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-cfc3976: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-2377 .elementor-element.elementor-element-cfc3976: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-7eca960 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-7eca960 {
    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-2377 .elementor-element.elementor-element-7eca960: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-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-7eca960 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-7eca960 .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-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-7eca960:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f4bb9a5 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-f4bb9a5 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-f4bb9a5: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-2377 .elementor-element.elementor-element-f4bb9a5: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-a36acb0 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-a36acb0 {
    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-2377 .elementor-element.elementor-element-a36acb0: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-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-a36acb0 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-a36acb0 .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-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-a36acb0:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bc50f0a *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-bc50f0a {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-bc50f0a: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-2377 .elementor-element.elementor-element-bc50f0a: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-cec31f1 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-cec31f1 {
    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-2377 .elementor-element.elementor-element-cec31f1: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-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-cec31f1 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-cec31f1 .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-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-cec31f1:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7b1d2f *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-b7b1d2f {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-b7b1d2f: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-2377 .elementor-element.elementor-element-b7b1d2f: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-6a85807 *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-6a85807 {
    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-2377 .elementor-element.elementor-element-6a85807: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-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807 .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-6a85807 .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-6a85807 .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-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-6a85807:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0c30747 *//* 1. Make the whole card grow slightly on hover */
.elementor-2377 .elementor-element.elementor-element-0c30747 {
    transition: all 0.3s ease-in-out;
}

.elementor-2377 .elementor-element.elementor-element-0c30747: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-2377 .elementor-element.elementor-element-0c30747: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-032beae *//* 1. The Container - Subtle Scale Setup */
.elementor-2377 .elementor-element.elementor-element-032beae {
    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-2377 .elementor-element.elementor-element-032beae: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-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae .elementor-icon i, 
.elementor-2377 .elementor-element.elementor-element-032beae .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}

/* 5. THE NO-GREEN HOVER RULES (Ultimate Lock) */
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon,
.elementor-2377 .elementor-element.elementor-element-032beae .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-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon i,
.elementor-2377 .elementor-element.elementor-element-032beae:hover .elementor-icon svg {
    color: #C68346 !important;
    fill: #C68346 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-efefd5b */button#e-n-tab-title-1219782481 {
    border-radius: 30px 0px 0px 30px;
}
button#e-n-tab-title-1219782482 {
    border-radius: 0px 30px 30px 0px;
}

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